javascript - 文档上的 JQuery 触发事件性能

Question

我正在用 jQuery 构建一个发布/订阅框架，我想知道触发和监听文档根目录上的事件是否会带来性能损失？

我能找到的所有文章都描述了您在文档级别监听事件但从更具体的元素触发它们(例如监听“点击”)时明显受到的惩罚。

我的伪代码:

$(document).on("myCustomEvent", function() {
    alert("Event triggered");
});
$(document).trigger("myCustomEvent");

我的事件在 DOM 中没有合适的位置，但我总是可以添加一个虚拟元素来触发/监听(如果它更好)，但我宁愿不这样做。你觉得怎么样？

Answer 1

trigger()向上传播 DOM。它还与与该对象匹配的所有元素进行交互，这可能会导致冲突/意外行为。这些都不是固有的*性能影响——并且由于您使用的是自定义事件，因此与对象匹配的其他元素不应该有问题。这实际上只是当trigger() 与真实事件一起使用时才会出现问题，例如trigger('click')。如果您担心其中任何一个(冒泡 DOM 或其他匹配元素)，您可以使用 triggerHandler()

This post更详细地了解trigger() 和triggerHandler() 之间的差异