关于文档性能问题的绑定事件

Question

对文档绑定事件是否存在任何性能问题？

即：

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

Vs的

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

我认为通过文档保留一个轨道将使用更多的处理能力，然后仅为有限的DOM元素分配事件？

Answer 1

您可能需要实施性能测试以确定实际差异，但我想它应该是一个最小的影响，因为文档上的绑定事件将意味着一旦 bubbles <您就捕获任何元素事件/ em>到文档中最顶层的元素。

无论如何，跳过“性能参数”，当你在最近的父对象上绑定一个处理程序时，你的情况看起来会更好。这不仅仅是关于绩效：它更合乎逻辑。