事件冒泡的解决方案
来源:互联网 发布:jq push 二维数组 编辑:程序博客网 时间:2024/05/16 17:12
1、事件冒泡:
在一个对象上触发某类事件(例如单击事件onclick事件),若果此对象定义了此事件的处理程序,那么就会调用这个处理程序;但是如果没有定义此事件的处理程序或者事件返回true,那么这个事件就会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它达到了对象层次的最顶层,即document对象(有的浏览器是window)。
2、解决方法:
(1) 在事件处理程序最后加上return flase;语句(只适用jQuery,原生js无效)
它实际上做了3件事情:
event.preventDefault();event.stopPropagation();停止回调函数执行并立即返回。
(2) 不用return且兼容ie的原生写法(ie8及其以下)
(ie6/7/8 只支持window.event不支持参数传入,火狐只支持参数传入,IE9/Opera/Safari/Chrome 两种方式都支持。。。)
var e = event || window.event; if (e && e.stopPropagation) { e.stopPropagation(); } else { e.cancelBubble = true; }
3、jQuery下,不用考虑兼容性问题。。。
$("id").click(function(e) { e.stopPropagation(); });
0 0
- 事件冒泡的解决方案
- mouseover、mouseout停止事件冒泡的解决方案
- mouseover、mouseout停止事件冒泡的解决方案
- mouseover、mouseout停止事件冒泡的解决方案
- javascript事件冒泡的一种解决方案
- jq冒泡事件解决方案的区别
- JS冒泡事件解决方案
- JS冒泡事件解决方案
- JS冒泡事件解决方案
- 事件冒泡解决方案
- 关于自定义空间阻止事件冒泡的解决方案
- dib多层嵌套时mouseout事件停止事件冒泡的解决方案
- jQuery中的事件冒泡和解决方案
- Javascript的事件冒泡
- AS 的事件冒泡
- 阻止事件的冒泡
- 事件的冒泡
- 能冒泡的事件
- 别人总结的牛人博客,用于自己的学习。
- Hadoop2.6.0版本MapReudce示例之WordCount(一)
- c++实现mysql数据库数据缓存
- BP神经网络中的过拟合现象
- commit 与do_key('commit_form')区别
- 事件冒泡的解决方案
- js定时器避免闭包
- sql server arcgis计算点是否在范围内
- 利用Div仿Select控件
- github优秀项目包含绘图等
- 【ASP.NET】ASP.NET中gridview中点击某一行刷新后不会到顶部
- 粒子系统新发现之emission
- 最短路径问题 eg.城市平乱
- Post同时上传多张图片和数据实例