JavaScript 事件的冒泡问题
事件冒泡主要是指:
多个元素嵌套,有层次关系,这些元素都注册了相同的事件,如果里面的元素的事件触发了则外面元素的事件也会依层触发
阻止事件冒泡 的主要方法
window.event.cancelBubble() 火狐不支持,IE、谷歌支持
onclick=function (e) { console.log(this.id); //阻止事件冒泡 e.stopPropagation(); // 火狐,谷歌支持,IE8不支持 };
事件主要的三个阶段:
1.事件的捕获阶段 从外往内
2.事件的目标阶段 选择的那个
3.事件的冒泡阶段 从内往外