javascript - 关于文档性能问题的绑定(bind)事件

Question

在文档上绑定(bind)事件是否有任何性能问题？

即:

$(document).on('mouseenter mouseleave', function(e){
    if (e.type === 'mouseenter'){
        $(this).find( //some element and do something...

对比

$(".myElement").hover(function(){
    $(this).find( //some element and do something...

我认为通过文档进行跟踪会使用更多的处理能力，然后只为事件分配有限的 DOM 元素？

Answer 1

您可能需要实现性能测试来确定实际差异，但我想这应该是最小的影响，因为文档上的绑定(bind)事件意味着您可以捕获任何元素事件冒泡 到文档中最顶层的元素。

无论如何，跳过“性能参数”，当您在最近的父级上绑定(bind)处理程序时，您的情况看起来会更好。这不仅仅是性能问题:它更符合逻辑。