ホームページ > ウェブフロントエンド > CSSチュートリアル > 擬似要素ではなく親要素のクリック イベントのみを検出するにはどうすればよいですか?

擬似要素ではなく親要素のクリック イベントのみを検出するにはどうすればよいですか?

Patricia Arquette
リリース: 2024-12-25 13:50:15
オリジナル
847 人が閲覧しました

How Can I Detect Click Events Only on a Parent Element and Not its Pseudo-Element?

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

指定されたシナリオでは、青色の背景を持つ親要素 (p) があり、背景が赤の疑似要素 (:before)、クリック イベントは青のビットでのみトリガーできますが、赤のビットではトリガーできません。疑似要素。これは、疑似要素が DOM の一部ではないためです。したがって、イベントをイベントに直接バインドすることは現実的ではありません。

望ましい動作を実現するための代替解決策は、親要素内に子要素を作成することです。たとえば、span 要素は開始 p タグの直後に追加できます。次に、「p:before」ではなく「p span」にスタイルを適用し、イベントを子要素にバインドすることで、赤い領域でのみクリック イベントをトリガーできます。

以上が擬似要素ではなく親要素のクリック イベントのみを検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート