イベント要素のセレクター
この記事では、イベントリスナーで使用される要素セレクターについて説明します。
ほとんどのイベントリスナーでは、ページ上のどの要素がイベントリスナーをトリガーするかを指定する必要があります。例えば、特定の広告バナーやボタンがクリックされたとき、または特定の埋め込みビデオが再生されたときを追跡するためのクリックイベントを構成します。
要素ID、クラス、または複雑なセレクターを使用して追跡する要素を指定します。
セレクターの種類 | 例 | 説明 |
---|---|---|
要素ID | #email-address |
メールアドレスを収集するためのフォームフィールド |
クラス | .form-field |
任意のフォームフィールド |
複雑なセレクター | div#feedback-form:not(.main) input[name='email'] |
IDが feedback-form の div 内の、名前が email のフォームフィールド。ただし、クラスが main の div 内ではない。 |
イベントシステムはセレクターに Element.matches()
メソッドを使用します。このメソッドについての詳細は、Mozilla Developer Network の Element.matches()を参照してください。
要素のセレクターを決定する方法についての詳細は、要素のCSSセレクターの決定方法を参照してください。
最終更新日 :: 2024年May月15日