Javascript：パフォーマンスに関して優れているのは、各要素のイベントか、委任のあるイベントですか？

Question

各セルに入力要素を持つ大きなテーブル（たとえば、100x100）を作成する必要があります。各入力要素のイベントを作成するか、またはテーブルとイベントの委任（伝播）のためのイベントを作成するために、パフォーマンスを向上させるにはどうすればよいでしょうか？

私は多くのイベントがすべてを減速させるように感じますが、委任はより良くなりますか？私は、可視要素またはそれに類するもののためだけにイベントを動的に作成および削除するようなことについても考えています。

Answer 1

イベントハンドラをテーブルにアタッチすると、実際にイベントがトリガされた要素を含むイベントターゲットを取得できます。複数のイベントを適用する場合よりも、パフォーマンスの影響がはるかに小さくなります。

すべてのイベントがバブルになるわけではないので、この手法はすべてのイベントタイプで機能するわけではありません。