Wie kann ich Klickereignisse nur für ein Pseudoelement erkennen, nicht für dessen übergeordnetes Element?

Erkennen von Klickereignissen auf Pseudoelementen

Frage:

Trotz Versuchen, a Wenn Sie den Ereignis-Listener auf ein Pseudoelement (in diesem Fall ein rotes Overlay) klicken, wird das Ereignis auch auf dem Hauptelement (blauer Hintergrund) ausgelöst. Das Ziel besteht darin, die Klickerkennung ausschließlich auf das Pseudoelement zu beschränken.

Antwort:

Pseudoelemente, wie z. B. die rote Überlagerung in der bereitgestellten JavaScript-Geige, sind vorhanden nicht Teil des Document Object Model (DOM). Folglich können sie Ereignisbindungen nicht direkt empfangen. In dieser Situation ist das Klickereignis mit dem übergeordneten Element (dem blauen Hintergrund) verknüpft.

Um einen Klickereignishandler ausschließlich für den roten Bereich zu aktivieren, muss darin ein untergeordnetes Element, z. B. ein Span, erstellt werden das Hauptelement und wenden Sie die Stile entsprechend an. Dieses untergeordnete Element dient als Ziel für das Klickereignis und nicht als Pseudoelement.

Durch die Anwendung dieser Strategie kann das Klickereignis auf den gewünschten Bereich isoliert werden und so auf den spezifischen Bedarf der Reaktion auf Interaktionen mit reagiert werden das Pseudoelement, ohne das umgebende Element zu beeinflussen.

Das obige ist der detaillierte Inhalt vonWie kann ich Klickereignisse nur für ein Pseudoelement erkennen, nicht für dessen übergeordnetes Element?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!