# 事件的触发过程是怎么样的？知道什么是事件代理嘛？
事件触发有三个阶段:
- 捕获阶段
- 目标阶段
- 冒泡阶段
如果同时注册冒泡与捕获,事件触发按照注册事件的顺序执行
<button id="btn">click me!!!</button>
<script>
let $btn = document.getElementById('btn')
// 冒泡
$btn.addEventListener('click', function (e) {
alert('冒泡')
}, false)
// 捕获
$btn.addEventListener('click', function (e) {
alert('捕获')
}, true)
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
示例会先输出冒泡
事件代理?
- 如果一个节点中的子节点是动态生成的，那么子节点需要注册事件的话应该注册在父节点上
优点
- 节省内存,不需要给每个子节点注册一次
- 不需要给子节点注销事件