js 冒泡事件 2016-10-28 09:28 54人阅读 评论(0) 收藏

先写3中阻止冒泡事件的方法

1、return false；阻止了冒泡事件，也阻止了标签的默认事件（比如a标签的跳转）
例如：

$("#ul2").children("li").click(function(){
    return false;
});

2、even.stopPropagation(); 阻止冒泡事件，但是不阻止标签默认事件
例如：

$("#ul2").children("li").click(function(e){
    e.stopPropagation();
});

3、even.preventDefault();不阻止冒泡事件，但是阻止标签的默认事件
例如：

$("#ul2").children("li").click(function(e){
    e.preventDefault();
});

事件冒泡

在 IE 的事件机制中，触发事件会从子元素向父元素逐级上传，就是说，如果子元素触发了单击事件，那么也会触发父元素的单击事件；event.cancelBubble=true;可以停止事件继续上传补充一点，Ie的事件传递是从下到上的