javascript - 多すぎるJavaScriptイベントハンドラーの数はいくつですか?

Question

PHP/jQuery アプリケーションを作成していますが、イベントハンドラーが多すぎるのはどのくらいなのでしょうか?

たとえば、メインの .js ファイルには、約 15 個あります

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

これを達成するためのより良い方法はありますか/これのベストプラクティスは何ですか?

編集：上記の「body」は単なる例です。私はできる限り深い要素にバインドしています

score 3 · Accepted Answer

アプリケーションがパフォーマンス要件に適合する場合、多すぎません。そうでない場合は、多すぎます。それは簡単です。

score 3 · Accepted Answer

「これを達成するためのより良い方法はありますか / これのベストプラクティスは何ですか?」

はい、もっと良い方法があります。現在、すべてのクリックアクティビティを 1 つのコンテナーにバインドしています。

これは.someElementClass、ページがクリックされるたびに every を呼び出す必要があることを意味し、イベントがバブルするため、実際には複数回呼び出す必要があります。

適切な方法は、指定された各セレクターを包含する最も深くネストされたコンテナーにハンドラーをバインドすることです。そうすれば、各ハンドラーは、ページのその部分内のクリックに対してのみ呼び出されます。

「いくつのイベントハンドラーが多すぎるのだろうか?」

当然、これはアプリケーションの要件に依存しますが、上記のアプローチを使用すると、複数のハンドラーの存在が懸念されなくなります。

2 に答える 2