Wie kann ich Ereignisse von dynamisch generierten Elementen innerhalb eines Modals erfassen?

Ereignisse aus dynamisch generierten Elementen erfassen

Sie haben ein Problem, bei dem Ereignisse, die durch dynamisch generierte Elemente innerhalb eines modalen DIV ausgelöst werden, nicht erfasst werden von Ihrem vorhandenen Event-Handler erfasst. Dieses Problem entsteht aufgrund der dynamischen Natur dieser Elemente, die hinzugefügt werden, nachdem der Ereignishandler gebunden ist.

Um dieses Problem zu beheben, stellt jQuery zwei Methoden bereit: .on und .delegate (für jQuery-Versionen vor 1.7). ). Mit diesen Methoden können Sie das Ereignis an ein statisches Vorgängerelement delegieren, das vorhanden ist, wenn der Handler gebunden ist. In diesem Fall fungiert das modale DIV als statischer Vorfahre.

Durch die Verwendung von .on oder .delegate können Sie sicherstellen, dass Ereignisse zum Vorfahrenelement aufsteigen und den Ereignishandler auslösen, selbst für dynamisch generierte Elemente darin Es. Hier ist der aktualisierte Code, der die .on-Methode verwendet:

$('#modal').on('keyup', 'input', function() {
    handler = $(this).val();
    name = $(this).attr('name');
});

Alternativ können Sie für jQuery-Versionen vor 1.7 die .delegate-Methode wie folgt verwenden:

$('#modal').delegate('input', 'keyup', function() {
    handler = $(this).val();
    name = $(this).attr('name');
});

Indem Sie dies implementieren Mit dieser Lösung können Sie Ereignisse, die durch dynamisch generierte Elemente innerhalb des modalen DIV ausgelöst werden, effektiv erfassen und verarbeiten und so sicherstellen, dass die Eingaben des Benutzers als aufgezeichnet werden erwartet.

Das obige ist der detaillierte Inhalt vonWie kann ich Ereignisse von dynamisch generierten Elementen innerhalb eines Modals erfassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!