So binden Sie Ereignisse an dynamisch hinzugefügte HTML-Elemente

Dieser Artikel stellt hauptsächlich die Methode zum Binden von Ereignissen an dynamisch hinzugefügte HTML-Elemente vor. Jetzt kann ich ihn mit Ihnen teilen.

Vermeiden Sie es, zuerst das DOM zu schreiben. Vorgang, aber das Element wird dynamisch geladen, daher wird das Klicken nicht wirksam. Es gibt zwei bessere Methoden:

1. Fügen Sie beim dynamischen Hinzufügen Inline-Ereignisse hinzu, z. B. onclick="funcName()"

Schreiben Sie einfach die Methode, die dem Methodennamen entspricht, in js. Wenn es zu viele Elemente gibt, um die Methode zu binden, können Sie die Verwendung von Methode zwei in Betracht ziehen zB:

on事件可以给动态添加的元素也绑定事件。
$("#optionGroup").on('click','.input-group .delete-option',function () {
    console.log("aaa")
    let num = $(this).parents(".input-group").index();
    console.log(num)
})

Hinweis: Das on-Ereignis ruft zuerst das übergeordnete Element ab und bindet es dann an das untergeordnete Element. Am besten ist es, wenn das übergeordnete Element ein vorhandenes Element ist als dynamisch hinzugefügt.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website. Verwandte Empfehlungen:

Web-Printing-Funktion

Vue+Electron implementiert einfache Desktop-Anwendung

Das obige ist der detaillierte Inhalt vonSo binden Sie Ereignisse an dynamisch hinzugefügte HTML-Elemente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!