当前位置：browser
浏览其它
事件
浏览器事件解读
事件捕获和冒泡
先捕获再冒泡
addEventListener第三个参数是false（默认）时，事件处理采取事件冒泡的原则，当第三个参数是true时，则采取事件捕获的原则
事件代理
基本思想
- 通过事件冒泡，将子元素的点击事件冒泡到父元素上，通过区分
e.target.nodeName来区分点击的是哪一个元素，以实现事件代理的效果
addEventListener
- 挂载在window对象上的keypress事件会重复触发，我们只需要判断e中的元素是不是我们需要处理的元素来触发响应的回调函数就可以了
1
2
3
4
5
6
7
8
9
10<input />
<input />
<script>
window.addEventListener('keypress', function(e) {
console.log(e)
})
window.addEventListener('keypress', function(e) {
console.log(e)
})
</script>
发现错误？想参与编辑？
在 GitHub 上编辑此页！
更新于：2018-11-07 18:11:83