javascript - 多少个 javascript 事件处理程序太多了？

Question

我正在编写一个 PHP/jQuery 应用程序，我想知道有多少事件处理程序太多了？

例如，在我的主 .js 文件中，我大约有十五个

$('body').on('click','.someElementClass',function(){
    someFunction();
});

有没有更好的方法来完成这个/什么是最好的做法？

编辑：上面的“body”只是一个例子，我正在绑定到最深的元素

Answer 1

如果您的应用程序符合性能要求 - 那么它不会太多。如果没有——那就太多了。就这么简单。

Answer 2

“有没有更好的方法来完成这个/最好的做法是什么？”

是的，有更好的方法。现在，您将所有点击活动绑定到单个容器。

这意味着.someElementClass需要为页面上的每次点击调用 every ，实际上是多次调用，因为事件冒泡。

正确的方法是将处理程序绑定到包含每个给定选择器的嵌套最深的容器。这样，每个处理程序仅在页面该部分内的点击时被调用。

“我想知道有多少事件处理程序太多了？”

当然，这将取决于应用程序的要求，但使用上述方法将减少多个处理程序的存在问题。