首页 > 其他 > 详细

stopPropagation方法

时间:2020-11-12 10:50:31      阅读:37      评论:0      收藏:0      [点我收藏+]

有时候,我们需要取消事件的进一步捕获或冒泡,即停止事件在DOM层次中传播

兼容DOM的浏览器可以通过使用event对象自带的stopPropagation( )方法做到这一点

var link=document.getElementById("myLink");
link.onclick=function(event){
event.stopPropagation(); //DOM0级或DOM2级取消事件的进一步捕获或冒泡的方法
};
而在IE中,则需赋予event.cancelBubble的值为true

link.attachEvent("onclick",function(event){
event.cancelBubble=true; //IE中取消事件的进一步冒泡的方法
});
EventUtil中的stopPropagation( )方法可以统一上述差异

在添加了EventUtil后,可以如下“重点语句”所示取消事件的进一步捕获或冒泡而无需担心差异导致的兼容问题

var link=document.getElementById("myLink");
var handler=function(event){
event=EventUtil.getEvent(event);
EventUtil.stopPropagation(event); //重点语句
};
EventUtil.addHandler(link,"click",handler);

stopPropagation方法

原文:https://www.cnblogs.com/lactv/p/13961983.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!