##阻止事件冒泡和取消默认操作
Posted 顾非白
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了##阻止事件冒泡和取消默认操作相关的知识,希望对你有一定的参考价值。
取消事件冒泡
事件冒泡指当一个元素的事件被触发的时候,比如鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发,这个过程被称为事件冒泡。这个事件是从原始元素开始一直冒泡到DOM树的最上层。事件传播的3个阶段:捕获、冒泡、目标阶段。
阻止事件冒泡:w3c的方法是event.stopPropagation(),IE则是使用event.cancelBubble = true;
兼容性写法:
var event = event || window.event;
if(event && event.stopPropagation){
event.stopPropagation();
}
else{
event.cancelBubble = true;//ie678
}
注:当前的DOM事件规范草案在Event对象上定义了另一个方法——stopImmediatePropagation(),类似stopPropagation(),这两个个方法都能阻挡事件流中事件冒泡,但stopImmediateProgation()在阻止事件冒泡的同时,也阻止了在相同对象上注册的任何其他事件处理程序的调用,使当前对象的次优级的所有监听都不执行了。
取消默认操作
取消默认操作:w3c的方法是event.preventDefault();IE则是使用event.returnValue = false;
代码如下:
function cancelBehavior(event){
var event = event || window.event;
if(event.preventDefault) event.preventDefault();
if(event.returnValue) event.returnValue = false; //IE
return false; //处理使用对象属性注册的处理程序
}
注意:javascript的return false只会阻止默认行为,而是用jQuery的话则既阻止默认行为又防止对象冒泡!
以上是关于##阻止事件冒泡和取消默认操作的主要内容,如果未能解决你的问题,请参考以下文章