cliquez sur la détection des événements sur les pseudo-éléments

question:

dans le code fourni, un événement click est déclenché à la fois sur le pseudo-oie (Red Bit) et le principal élément (Blue Bit). Cependant, l'objectif est de détecter les clics uniquement sur le pseudo-élément. Est-ce possible?

Réponse:

Non, il n'est pas possible de détecter les événements de clic sur des pseudo-éléments directement parce qu'ils n'existent pas dans le cadre du modèle d'objet de document (DOM). Les pseudo-éléments sont des éléments virtuels générés par le navigateur et ne font pas partie de la structure HTML réelle.

approche alternative:

Si vous avez besoin d'implémenter un gestionnaire de clic spécifiquement spécifique Lorem ipsum Dolor Sit Amet, ...

  
  Lorem ipsum dolor sit amet, ...

. Red-bit { Position: absolue; Gauche: 100%; Largeur: 10px; hauteur: 100%; Color d'arrière-plan: rouge; }

.red-bit {
  position: absolute;
  left: 100%;
  width: 10px;
  height: 100%;
  background-color: red;
}

document.QuerySelector (". Red-bit"). AddEventListener ("cliquez", fonction () {{ // Cliquez sur le code du gestionnaire });

document.querySelector(".red-bit").addEventListener("click", function() {
  // Click handler code
});