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

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

Question :

Malgré les tentatives de mise en œuvre d'un cliquez sur l'écouteur d'événement sur un pseudo-élément (une superposition rouge dans ce cas), l'événement est également déclenché sur le élément principal (un fond bleu). L'objectif est d'isoler la détection des clics uniquement sur le pseudo-élément.

Réponse :

Les pseudo-éléments, tels que la superposition rouge dans le violon JavaScript fourni, sont ne fait pas partie du modèle objet de document (DOM). Par conséquent, ils ne peuvent pas recevoir directement les liaisons d’événements. Dans cette situation, l'événement click est associé à l'élément parent (le fond bleu).

Pour activer un gestionnaire d'événement click exclusivement pour la région rouge, il faut créer un élément enfant, tel qu'un span, dans l'élément principal et appliquer les styles en conséquence. Cet élément enfant sert de cible à l'événement de clic plutôt qu'au pseudo-élément.

En employant cette stratégie, l'événement de clic peut être isolé dans la zone souhaitée, répondant au besoin spécifique de répondre aux interactions avec le pseudo-élément sans affecter l'élément englobant.

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!