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

事件冒泡会困扰一批接触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,不填写即可。

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值