博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于事件冒泡和浏览器默认行为
阅读量:4478 次
发布时间:2019-06-08

本文共 748 字,大约阅读时间需要 2 分钟。

GoodSite:http://caibaojian.com/javascript-stoppropagation-preventdefault.html
   : http://www.cnblogs.com/lidabo/archive/2012/05/23/2514701.html

《一》关于事件冒泡: 

阻止事件冒泡得注意一下,w3c的方法是e.stopPropagation(),IE则是使用e.cancelBubble = true
阻止浏览器默认行为:

《二》关于浏览器默认行为:

浏览器默认行为可以这样理解:<a href="baidu.com">百度</a> 这时候我们点击百度肯定会默认跳转到baidu网站.但是我们给a标签添加一个点击事件 在该点击事件里面 
做一个操作【也就是阻止浏览器默认行为】 w3c的方法是e.preventDefault(),IE则是使用e.returnValue = false;

示例代码:

function stopDefault( e ) { e=e||event;    if ( e && e.preventDefault )         e.preventDefault();     else         window.event.returnValue = false;     return false; }
《三》return false
javascript的return false只会阻止默认行为,而是用jQuery的话则既阻止默认行为又防止对象冒泡。
下面这个使用原生JS,只会阻止默认行为,不会停止冒泡

转载于:https://www.cnblogs.com/dongguapifly/p/10627157.html

你可能感兴趣的文章
java快速排序引起的StackOverflowError异常
查看>>
泛函编程(35)-泛函Stream IO:IO处理过程-IO Process
查看>>
-XX:-PrintClassHistogram 按下Ctrl+Break后,打印类的信息
查看>>
mac 安装php redis扩展
查看>>
css3中Animation
查看>>
JS 判断是否是手机端并跳转操作
查看>>
最短路径问题(dijkstra-模板)
查看>>
c# 导出表格 api
查看>>
使用Android NDK以及JNI编写应用
查看>>
学习笔记之-php数组数据结构
查看>>
初学者--bootstrap(六)组件中的下拉菜单----在路上(10)
查看>>
QMetaObject::connectSlotsByName 总结
查看>>
Android 微信支付步骤
查看>>
js操作table
查看>>
JQuery学习系列篇(一)
查看>>
Centos7 minimal 系列之rabbitmq安装(八)
查看>>
英语语法(2)----点破主谓宾系表三大句型
查看>>
html如何与cgi数据交换,HTML网页与CGI之间通信的 实例分析
查看>>
html如何调用flash插件,htmlflash播放器插件如何播放 网页播放器flash插件怎么解决...
查看>>
mysql数据在html上面显示不出来的,HTML表格不能正确显示MySQL数据
查看>>