代码改变世界

防止事件冒泡和取消默认行为

  边缘er  阅读(115)  评论(0编辑  收藏  举报

所谓事件冒泡就是从目标事件追溯到最顶端父元素的过程。直白的说,比如有个方法名为mopao(),在按钮、按钮的父元素(div)、html,这3个元素上都调用了这个方法,那么当点击按钮的时候这个方法会依次向上执行3次。有些时候这样的行为是要防止的,就用到了下边的方法。

function stopPropagation(event){
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble = true;
}
}

与防止事件冒泡相关的一个方法就是取消默认行为的js,如下

function preventDefault(event){
if(event.preventDefault){
event.preventDefault();
}else{
event.returnValue = false;
}
}

这里需要注意的是,2个方法都用的event对象。

点击右上角即可分享
微信分享提示