Maison >interface Web >tutoriel CSS >Comment puis-je détecter les événements de clic uniquement sur un élément parent et non sur son pseudo-élément ?

Comment puis-je détecter les événements de clic uniquement sur un élément parent et non sur son pseudo-élément ?

Patricia Arquette
Patricia Arquetteoriginal
2024-12-25 13:50:15848parcourir

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

Détection des événements de clic sur des pseudo-éléments

Dans le scénario donné, où il y a un élément parent (p) avec un fond bleu et un pseudo-élément (:before) avec un fond rouge, il est possible de déclencher un événement clic uniquement sur le bit bleu mais pas sur le pseudo-élément rouge. En effet, les pseudo-éléments ne font pas partie du DOM. Par conséquent, leur lier directement des événements n'est pas réalisable.

Pour obtenir le comportement souhaité, une solution alternative consiste à créer un élément enfant au sein de l'élément parent. Par exemple, un élément span peut être ajouté immédiatement après la balise p d'ouverture. Ensuite, en appliquant des styles à "p span" au lieu de "p:before" et en liant les événements à l'élément enfant, les événements de clic peuvent être déclenchés spécifiquement sur la région rouge.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn