Lucas Simon
13 10月 2024
querySelector と動的ボタンで「this」キーワードを効果的に使用する

イベントや DOM コンポーネントを処理するには、Web ページの動的ボタンを正確に管理する必要があります。どのボタンがクリックされたかを判断する簡単な方法の 1 つは、イベント リスナー内で 'this' キーワードを使用することですが、これは正しく使用する必要があります。 querySelector は最初に一致した要素のみを選択するため、これを「this」と組み合わせると、適切に処理されないと問題が発生する可能性があります。複数の動的要素を処理する場合、イベント委任、data-* プロパティの使用、キャッシュなどの方法により生産性が向上します。