Pouvez-vous détecter des événements de clic sur des pseudo-éléments ?

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

Problème :

Dans un extrait de code donné , un événement click est lié à un élément parent qui contient un pseudo-élément. Cependant, le but est de déclencher l'événement uniquement lorsque le pseudo-élément est cliqué. La question se pose : peut-on détecter des événements de clic sur des pseudo-éléments ?

Réponse :

Malheureusement, il n'est pas possible de lier des événements de clic directement à des pseudo-éléments. Les pseudo-éléments, tels que « :before » et « :after », ne font pas partie du modèle objet de document (DOM). En tant que tels, ils n'ont pas leurs propres écouteurs d'événement.

Solution :

Si vous devez déclencher un événement de clic spécifiquement sur le pseudo-élément (par exemple, un rouge), vous pouvez envisager une approche alternative :

1. Créez un élément enfant, tel qu'un span.
2. Placez l'élément span immédiatement après l'ouverture

   tag.

3. Appliquez les styles souhaités à l'élément 'p span' au lieu de 'p:before'.
4. Liez l'événement click à l'élément 'p span'.

En créant un élément enfant et en lui appliquant des styles, vous pouvez efficacement imiter le comportement du pseudo-élément tout en conservant la possibilité de capturer les événements de clic.

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!