Permettez-moi d'abord de vous dire quelle est la commission des événements: en termes simples, les événements sont Onclick, OnMouseover, OnMouseout, etc., etc. sont des événements. Quant à la délégation, c'est de laisser les autres le faire. Cet événement a été initialement ajouté à certains éléments, mais vous l'ajoutez à d'autres pour le faire pour terminer l'événement.
Autrement dit: utilisez le principe des bulles pour ajouter des événements au parent pour déclencher l'effet d'exécution.
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 l'élément de création dynamique li $ .ajax ({type: 'get', data: {}, succès: function () {$ ('<li>'). AddClass ('aaa'). function () {console.log ('ddd');});Ce qui précède est la Commission JavaScript Dynamic Addition Event vous présentée par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!