事件级别以及区别:
Dom0
注册方式:
1 | ele.onclick=function(){} |
属于冒泡型事件。
Dom2
注册方式:
1 | ele.addEventListener(type, fun, boolean) |
通过第三个参数指定事件类型,默认false,冒泡型
Dom3
增加了事件类型,自定义事件
事件流
- 捕捉
- 目标
- 冒泡
如何阻止事件冒泡
使用event对象
1 | e.stopPropagation() |
No code you say eggs!
1 | <div id="outer"> |
1 | var outer = document.getElementById('outer') |
点击inner
- 事件分为两个阶段
- 第一阶段:事件捕获。浏览器从
document
开始,依次遍历,查找捕获型事件,当查找到outer
时,发现是捕获事件,执行,然后继续查找,直到目标元素inner
- 第二阶段:事件冒泡。从目标元素转变为事件冒泡,依次向上查找冒泡型事件,直到
document