美文网首页
javascript阻止事件冒泡

javascript阻止事件冒泡

作者: _信仰zmh | 来源:发表于2017-11-22 22:51 被阅读0次
1、cancelBubble(HTML DOM Event 对象属性) :

如果事件句柄想阻止事件传播到包容对象,必须把该属性设为 true。

2、stopPropagation(HTML DOM Event 对象方法):

终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后,该节点上处理该事件的处理程序将被调用,事件不再被分派到其他节点。

3、 preventDefault(HTML DOM Event 对象方法):

通知浏览器不要执行与事件关联的默认动作。

4、举个栗子:
   function stopBubble(e)  
    {  
        if (e && e.stopPropagation)  
            e.stopPropagation()  
        else 
            window.event.cancelBubble=true 
    }  

把这个stopBubble(e)函数放到你想要的阻止事件冒泡函数里面就可以阻止事件冒泡了

相关文章

网友评论

      本文标题:javascript阻止事件冒泡

      本文链接:https://www.haomeiwen.com/subject/wcwtbxtx.html