js事件冒泡事件捕获，js什么是事件冒泡

JS事件冒泡与捕获

事件流：指从页面中接收事件的顺序，有冒泡流和捕获流。当页面中发生某种事件（比如鼠标点击，鼠标滑过等）时，毫无疑问子元素和父元素都会接收到该事件，可具体顺序是怎样的呢？冒泡和捕获则描述了两种不同的顺序。

W3C模型是将两者进行中和，在W3C模型中，任何事件发生时，先从顶层开始进行事件捕获，直到事件触发到达了事件源元素。然后，再从事件源往上进行事件冒泡，直到到达document。

事件捕获：js会顺着文档流顺序由外往内，依次触发事件。即从DOM树的根到叶子，粉-蓝-绿 事件冒泡：js会逆着文档流顺序由内至外，一次触发事件。

在vue中，当我们添加了事件修饰符capture后，才会变成捕获监听器。 这时我们有8个监听器了，在捕获过程和冒泡过程都有监听。输出如下图。

相关问答

Q1: js中什么是冒泡事件?

1、Netscape中，div先触发，这就叫做事件捕获。Microsoft中，p先触发，这就叫做事件冒泡。两种事件处理顺序刚好相反。IE只支持事件冒泡，Mozilla， Opera 7 和 Konqueror两种都支持，旧版本的Operas 和 iCab两种都不支持 。

2、当我们点击子元素，触发的时事件会传递给父元素，这就是事件冒泡。

3、事件冒泡：开始时由最具体的元素接收，然后逐级向上传播到到 DOM 最顶层节点。

4、这其实就是整个js执行的过程。其中冒泡这个过程很有意思。其实就像是一杯水，但是这杯水是分层次的，最底下是当前触发事件的对象。然后越往上范围越大，最顶层肯定是window，倒数第二层是document。

5、换句话说，元素只要符合某种事件的触发条件（比如鼠标点击），事件就必定会触发，而你所谓的“加”上去的是js对事件的处理过程（没有加的话就不会对事件做任何处理，但并不等于说事件就没有触发）。

Q2: 事件捕获、冒泡和事件委托

其实事件委托就是，不在目标阶段对目标事件进行相应，改为放到捕获和冒泡阶段。

js中的事件流在解析事件委托之前，我们先回顾一下js中的事件流，即冒泡和捕获。① .冒泡：当下级节点触发某个事件的时候，该事件会逐级向上触发上级节点的同类事件。② .捕获：和冒泡类似，只不过事件的顺序相反。

捕获阶段。在捕获阶段时从最外层的祖先元素，向目标元素进行事件的捕获，但是默认此时不会触发事件。目标阶段。事件捕获到目标元素，捕获结束开始在目标元素上触发事件。冒泡阶段。

关于js事件冒泡事件捕获和js什么是事件冒泡的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。