關於文檔性能問題的綁定事件

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

您可能需要實施性能測試以確保實際差異，但是我想這應該是最小的影響，因為文檔上的綁定事件將意味着您將捕獲到任何元素事件（一旦它冒泡到了最頂部的元素中）。文件。

無論如何，跳過“性能參數”，當您在最近的父級上綁定處理程序時，情況看起來會更好。 這不僅與性能有關，更合乎邏輯。