谷歌Chrome,火狐Fire fox、IE阻止事件冒泡的兼容方法 -- sanai

来源:互联网 发布:淘宝人群画像分析 编辑:程序博客网 时间:2024/06/06 00:31

事件冒泡会困扰一批接触js不久开始深入掌握js的人,当然old程序猿也可能饱受其扰,下面分享一个兼容常用的三种浏览器阻止事件冒泡的方法。希望能帮到大家。

注意:方法的使用有一点特殊【注意使用】

首先分享方法,将下面代码直接复制到公共JS文件即可、或者放在页面的script之中

方法如下;

function preventBubble(event){  var e=arguments.callee.caller.arguments[0]||event; //若省略此句,下面的e改为event,IE运行可以,但是其他浏览器就不兼容  if (e && e.stopPropagation) {    e.stopPropagation();  } else if (window.event) {    window.event.cancelBubble = true;  }}

在哪个位置需要阻止事件冒泡,就在哪使用上面的方法:使用方法是:

preventBubble();
注意:这里调用方法()中间千万不要填写event,不填写即可。

本文为作者原创,引用请注明出处。如有问题欢迎在下面讨论,谢谢。


0 0
原创粉丝点击