疑似要素のクリック イベントを検出できますか?

擬似要素のクリック イベントの検出

問題:

指定されたコード スニペット内の場合、クリック イベントは、疑似要素を含む親要素にバインドされます。ただし、目的は、疑似要素がクリックされたときにのみイベントをトリガーすることです。疑問が生じます: クリック イベントは擬似要素で検出できますか?

答え:

残念ながら、クリック イベントを擬似要素に直接バインドすることはできません。 「:before」や「:after」などの疑似要素は、ドキュメント オブジェクト モデル (DOM) の一部ではありません。そのため、それらには独自のイベント リスナーがありません。

解決策:

特に擬似要素上でクリック イベントをトリガーする必要がある場合 (例:赤ビット)、別のアプローチを検討できます:

1. などの子要素を作成します。 scan.
2. span 要素を開始

   の直後に配置します。タグ。

3. 必要なスタイルを「p:before」ではなく「p スパン」に適用します。
4. クリック イベントを「p スパン」要素にバインドします。

子要素を作成し、それにスタイルを適用すると、クリックをキャプチャする機能を維持しながら、擬似要素の動作を効果的に模倣できます。イベント。

以上が疑似要素のクリック イベントを検出できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。