自定义事件触发性能（jQuery / JavaScript）

Question

是否存在取决于哪些元素触发 jQuery 事件的性能问题？

 $('body').on('myEvent',function(e){
    // access to e properties
 });


 $('#innerDiv').on('myEvent',function(e){
   // access to e properties
 });

哪一个更好？ 在第一种情况下，“e”比第二个片段中返回的“e”携带更多信息。

所以在第一种情况下返回的“e”是一个比在第二种情况下返回的“e”更大的对象。 问题是，这会影响 JavaScript 性能吗？ 堆？ 记忆？ 或者这个对象“e”，与他的大小无关，已经被缓存并且易于访问？

让“较轻的对象”触发事件而不是整个正文、文档或 html 是一种好习惯吗？

Answer 1

Event Delegation将是更好的选择

$('body').on('myEvent', '#innerDiv' ,function(e){
     // access to e properties
});