javascript 阻止事件冒泡

阻止冒泡

冒泡简单的举例来说,儿子知道了一个秘密消息,它告诉了爸爸,爸爸知道了又告诉了爷爷,一级级传递从而引起事件的混乱,而阻止冒泡就是不让儿子告诉爸爸,爸爸自然不会告诉爷爷了。

举个栗子:

父容器是div,
div中有一个btn

btn绑定一个click事件

div也绑定一个click事件

在点击btn时,会触发div的click事件,但是我们并不想触发div的click事件。因此要阻止事件冒泡。

实现代码:

stopEventBubble: function(e){
    if(e && e.stopPropagation) { //非IE 
        e.stopPropagation(); 
      } else { //IE 
        window.event.cancelBubble = true; 
      } 
}
posted @ 2018-02-09 13:27  生活总得有些仪式感  阅读(110)  评论(0编辑  收藏  举报