L'ajout d'événements dits dynamique fait essentiellement référence à la délégation des événements dans JS.
Nous savons que dans JS, le traitement d'événements ne peut être lié qu'à l'élément actuellement sélectionné, en d'autres termes, le traitement d'événements ne peut être lié qu'aux éléments qui existent déjà dans le document actuel! Cependant, les amis rencontrent souvent un problème que mon élément a été ajouté dynamiquement à la page plus tard, et je veux lier des événements à l'élément. Comment y faire face?
Pour illustrer ce problème, nous supposons que nous devons ajouter un événement de clic aux éléments qui sont ajoutés plus tard à la page actuelle.
Le cœur de la résolution de ce problème est d'utiliser l'événement délégué de JS. L'avantage des événements délégués est qu'ils peuvent lier les événements à des éléments inexistants, et les événements délégués ont souvent des frais généraux plus petits!
Hors sujet: Permettez-moi de vous donner l'exemple le plus simple: Lorsqu'il y a 1000 divs sur la page, si le div est directement lié à l'événement de clic, ce seront des événements liés à 1000 éléments. Cependant, si vous utilisez Event Delegate, vous n'avez besoin que d'un seul élément pour lier l'événement. PS: J'espère que les mots pourront vous aider à comprendre le sens de la mise en service de l'événement.
Nous voulons juste savoir à quel point les éléments créés dynamiquement ajoutent des événements, que dites-vous tellement à faire, que faire ...
Ok, revenons au point, voyons l'implémentation spécifique:
// Simuler la création dynamique de l'élément li $ .ajax ({type: 'get', data: {}, succès: function () {$ ('<li>'). AddClass ('aaa'). Html ('1111111111'). APPENDTO ($ ('body'));},}); // add event $ (document) .on. function () {console.log ('ddd');});L'article ci-dessus est un cliché sur JS Dynamic Addition Events --- L'événement La configuration est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.