美文网首页
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