细说什么是js中的事件冒泡和事件捕获以及事件委托1
发布网友
发布时间：2023-11-09 13:08
共1个回答
热心网友
时间：2024-02-06 12:16
如下一段代码：有2个div，外部是div1，内部是div2，
<div id="div1" onclick="alert('1')"><div id="div2" onclick="alert('2')">
test
</div>
</div>
假设在div2内部进行点击，那么：冒泡事件认为：你点击了div2，而div2在div1里内部，所以，也点击了div1，因此执行顺序是 “div2-div1-body” ，由内往外一步步向上，这很像水里有一个鱼吐了一个水泡，这个水泡往上飘一样，所以叫做“冒泡事件”
而事件捕获认为：你点击div2，因为div1在div2外部，所以，div1先捕获到，然后再传递给div2，所以，事件执行顺序是“body-div1-div2”，这就像你进去房间，必须先进入大院，再进入门一样。
其实，2个都有一定的道理，目前，泡沫事件更合理，所以浏览器默认使用冒泡顺序，但是可以通过JS参数设置到底是用冒泡还是捕捉。
