jQuery 事件的高延迟

Question

我的 webapp 非常慢，我开始调查以找出原因。我想我找到了问题，但没有找到解决方案。 我用控制台分析，你可以在屏幕上看到结果。问题是每次我点击时，由于点击事件，延迟将近 1000 毫秒。首先，我认为这是因为我的代码中有太多的事件点击主体，但正如你所看到的，如果总成本只有 0.3% 到 1% 之间），与 n.event.handler 的 97.71% 相比非常小. 所以我的问题是这种延迟是从哪里来的？

在我的代码中，有很多：

 $('html').on('click', '.class', function(){ });

可能太多了？

Answer 1

如果你认为你有太多这些：

$('html').on('click', '.class', function(){ });

您可以尝试将它们重构为一个处理程序：

$('html').on('click', function (e) {

  if (e.target.classList.contains('class')) {
       // e.target is the clicked element
      // do something here
  }

  if ($(e.target).is('class2')) {
     // you can wrap e.target into a jQuery object
     // the same way you wrap this.
     // do something else here
  }

});

另外，根据对this question 的回答，如果您有大量动态创建的目标，您应该删除并重新添加这些事件处理程序。