代码改变世界

js阻止事件冒泡

2017-03-09 18:04  认真编码快乐生活  阅读(148)  评论(0)    收藏  举报

由于窗口的多层次关系,经常会出现调用内层函数是自动调用外层函数,此时就需要使用js中对冒泡事件的阻止机制。阻止事件的冒泡有以下两种方式:w3c的方法是e.stopPropagation(),IE则是使用e.cancelBubble = true;

以下为一行阻止冒泡的写法(同时对兼容性问题进行了处理)。

function myfn(e){
window.event? window.event.cancelBubble = true : e.stopPropagation();
}