对于JavaScript事件,泡沫比捕获更好吗?

时间:2015-12-18 23:49:14

标签: javascript performance events javascript-events

在jQuery中,事件处理程序的默认时间是冒泡时间。是否有任何优势?

捕获速度不比泡泡快吗?

1 个答案:

答案 0 :(得分:7)

  

泡沫比捕获更好吗?

没有。它也不会更糟。与众不同。

  

捕获速度不比泡泡快吗?

取决于您对“更快”的定义。在捕获阶段添加的事件监听器将在泡沫阶段之前触发,但是所有这些都将在浏览器重绘之前完成,因此使用其中一个没有真正的性能优势。

但是有一些值得注意的差异:

并非所有事件都会冒泡。 focusload等事件不会冒泡。这意味着如果将非捕获事件侦听器附加到元素上的非冒泡事件,则可以确保只有该元素触发了该事件,而不是其中一个子元素。相反,您可以使用捕获阶段附加单个事件侦听器,并动态地获取触发它的元素,并减少侦听器的数量并响应将来的元素。

捕获阶段可以在事件到达子元素之前停止传播。在事件冒泡到父元素之前取消事件可能更常见。但是,在事件到达孩子之前取消事件会很有用,在这种情况下,捕获阶段确实具有优势(或不利)。

结论:

为所需功能选择正确的捕获模式。在大多数情况下,没有真正的性能优势,即使存在微观优化也是如此。