本文介绍了JavaScript中的事件冒泡、捕获概念，以及事件委托的原理和应用场景。事件冒泡是从最深的节点开始，逐级向上级节点传播；事件捕获则是从最外层的Window对象开始向下传播。通过addEventListener的useCapture参数可以切换冒泡和捕获模式。事件委托利用事件冒泡提高性能，减少内存占用，同时能动态监听新增元素的事件。适合事件委托的事件包括click等，而mousemove和focus等则不适宜。文章还提及了如何通过event.target获取事件源及在事件委托中获取索引的方法。
事件委托：利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！支持为同一个DOM元素注册多个同类型事件。
说到事件冒泡，那么就要说一下事件捕获了。
-
事件捕获 当一个事件触发后,从Window对象触发,不断经过下级节点,直到目标节点。在事件到达目标节点之前的过程就是捕获阶段。所有经过的节点,都会触发对应的事件
-
事件冒泡 当事件到达目标节点后，会沿着捕获阶段的路线原路返回。同样，所有经过的节点,都会触发对应的事件
当用户触发一个事件时，浏览器的所有详细信息都存在一个叫event的对象上。我们把他叫事件对象，所有事件在绑定方法的时候，天生自带一个参数就叫event。
document.onclick=function(e){
var e=e||window.event
}
正常情况下，如果不加限制，事件都是进行事件冒泡机制的.
如下，先打印div1，后打印body。
<body>
<div id="div1">11</div>
</body>
<script>
window.onload = function(){
let body = document.querySelector('body');
let div1 = document.getElementById('div1');
body.onclick
最低0.47元/天 解锁文章
1223
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
