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 ?
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!