Wie kann ich Ereignisse auf dynamisch erstellten Elementen ohne jQuery abhören?

Ereignis-Listener auf dynamisch erstellten Elementen ohne jQuery

Bei der Arbeit mit externen Seiten kann sich das Hinzufügen von Ereignis-Listenern zu dynamisch generierten Elementen als Herausforderung erweisen. In solchen Szenarien ist die Delegierung der Ereignisbehandlung von entscheidender Bedeutung.

Ein Ansatz besteht darin, mit der Eigenschaft event.target zu prüfen, ob das angeklickte oder ausgelöste Element vom gewünschten Typ ist. Hier ist ein Beispiel:

<code class="javascript">document.querySelector('body').addEventListener('click', function(event) {
  if (event.target.tagName.toLowerCase() === 'li') {
    // Execute desired action on encountered 'li' elements
  }
});</code>

Hinweis: Bei diesem Ansatz wird davon ausgegangen, dass sich Ihre gewünschten Elemente innerhalb des befinden. Element. Passen Sie den Selektor entsprechend an, wenn sie in anderen Containern verschachtelt sind.

Vorbehalte:

• Diese Methode gilt nur für standardkonforme Browser (z. B. IE9). .
• Für ältere IE-Versionen (z. B. IE8) kann ein benutzerdefinierter Wrapper um die richtigen nativen Funktionen mithilfe von attachmentEvent erforderlich sein.

Das obige ist der detaillierte Inhalt vonWie kann ich Ereignisse auf dynamisch erstellten Elementen ohne jQuery abhören?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!