JavaScript 事件的冒泡问题

Posted 2021-01-21 flybluesky

事件冒泡主要是指：

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

阻止事件冒泡 的主要方法

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

　　　　

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

事件主要的三个阶段：

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

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

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