JavaScript 事件的冒泡问题

事件冒泡主要是指:

   多个元素嵌套,有层次关系,这些元素都注册了相同的事件,如果里面的元素的事件触发了则外面元素的事件也会依层触发

阻止事件冒泡 的主要方法

    window.event.cancelBubble() 火狐不支持,IE、谷歌支持

    

onclick=function (e) {
    console.log(this.id);
    //阻止事件冒泡
    e.stopPropagation(); // 火狐,谷歌支持,IE8不支持
  };

事件主要的三个阶段:

1.事件的捕获阶段 从外往内

2.事件的目标阶段 选择的那个

3.事件的冒泡阶段 从内往外

 

posted @ 2018-11-19 22:57  Masukotto&xiaou  阅读(293)  评论(0编辑  收藏  举报