事件冒泡会困扰一批接触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,不填写即可。
本文为作者原创,引用请注明出处。如有问题欢迎在下面讨论,谢谢。