Cet article analyse la technologie de délégation des événements JavaScript dans un exemple. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
S'il y a un grand nombre de boutons dans une page globale, nous devons lier les gestionnaires d'événements pour chaque bouton. Cela affectera les performances.
Tout d'abord, chaque fonction est un objet, et l'objet occupera beaucoup de mémoire. Plus il y a d'objets en mémoire, plus les performances sont pires.
Deuxièmement, l'augmentation du nombre de visites DOM entraînera le chargement de la page en retard. En fait, il existe toujours de bonnes solutions pour faire bon usage des gestionnaires d'événements.
Délégation d'événements:
La solution au problème de trop de gestionnaires d'événements est la technologie de délégation des événements.
La technologie des délégués des événements tire parti des bulles d'événements. Spécifiez simplement un gestionnaire d'événements.
Nous pouvons lier les gestionnaires d'événements pour un élément parent qui doit déclencher un événement.
<ul id = "myList"> <li id = "li_1"> sdsdsd </li> <li id = "li_2"> sdsdsd </li> <li id = "li_3"> sdsdsd </li> </ul>
Maintenant, nous voulons lier les gestionnaires d'événements pour ces 3 lis ...
Lisez simplement le gestionnaire d'événements dans UL.
obj.eventHandler ($ ("myList"), "cliquez", fonction (e) {e = e || window.event; switch (e.target.id) {// Tout le monde devrait encore se rappeler que cette cible est la cible de l'événement, // Tant que l'élément cible de l'événement est cliqué, l'alerte correspondante "li_2": li_1 ": alert (" li_1 "); case; case" li_2 ": li_1" alerte ("li_2");Si dans une application Web complexe, ce type de délégation d'événements est très pratique.
Si cette méthode n'est pas adoptée, la liaison une par une sera des gestionnaires d'événements sans fin.
J'espère que cet article sera utile à la programmation JavaScript de tous.