Este artículo analiza la tecnología de delegación de eventos JavaScript en un ejemplo. Compártelo para su referencia. El análisis específico es el siguiente:
Si hay una gran cantidad de botones en una página general, tenemos que vincular los controladores de eventos para cada botón. Esto afectará el rendimiento.
En primer lugar, cada función es un objeto, y el objeto ocupará mucha memoria. Cuantos más objetos hay en la memoria, peor será el rendimiento.
En segundo lugar, el aumento en el número de visitas DOM hará que la página se cargue tarde. De hecho, todavía hay buenas soluciones sobre cómo hacer un buen uso de los manejadores de eventos.
Delegación de eventos:
La solución al problema de demasiados controladores de eventos es la tecnología de delegación de eventos.
Event Delegate Technology aprovecha las burbujas de eventos. Simplemente especifique un controlador de eventos.
Podemos vincular a los controladores de eventos para un elemento principal que necesita activar un evento.
<ul id = "mylist"> <li id = "li_1"> sdsdsd </li> <li id = "li_2"> sdsdsd </li> <li id = "li_3"> sdsdsd </li> </ul>
Ahora queremos unir a los manejadores de eventos para estos 3 LIS ...
Solo ata el controlador de eventos en UL.
obj.eventhandler ($ ("myList"), "hacer clic", function (e) {e = e || window.event; switch (e.target.id) {// Todos deberían recordar que el objetivo es el objetivo del evento, // mientras el elemento objetivo del evento se haga clic, el alerta correspondiente se presente. Break;Si en una aplicación web compleja, este tipo de delegación de eventos es muy práctica.
Si no se adopta este método, vinculante uno por uno será interminable manejadores de eventos.
Espero que este artículo sea útil para la programación de JavaScript de todos.