Permítanme decirle primero qué es la comisión de eventos: en términos de laicos, los eventos son OnClick, OnMouseOver, On MouseOut, etc., etc. son eventos. En cuanto a la delegación, es dejar que otros lo hagan. Este evento se agregó originalmente a ciertos elementos, pero se lo agrega a otros para que lo haga para completar el evento.
Es decir: use el principio de burbujas para agregar eventos al padre para activar el efecto de ejecución.
La llamada adición de eventos dinámicos se refiere esencialmente a la delegación de eventos en JS.
¡Sabemos que en JS, el procesamiento de eventos solo puede estar vinculado al elemento seleccionado actualmente, en otras palabras, el procesamiento de eventos solo puede estar vinculado a los elementos que ya existen en el documento actual! Sin embargo, a menudo los amigos encontrarán un problema de que mi elemento se agregó dinámicamente a la página más adelante, y quiero vincular eventos al elemento. ¿Cómo lidiar con eso?
Para ilustrar este problema, suponemos que necesitamos agregar un evento de clic a los elementos que luego se agregan a la página actual.
El núcleo de resolver este problema es usar el evento delegado de JS. ¡La ventaja de los eventos delegados es que pueden unir eventos a elementos inexistentes, y los eventos delegados a menudo tienen gastos generales más pequeños!
Tema fuera: Permítanme darle el ejemplo más simple: cuando hay 1000 divs en la página, si el DIV está directamente vinculado al evento de clic, serán 1000 eventos unidos a elementos. Sin embargo, si usa el delegado de eventos, solo necesita un elemento para vincular el evento. PD: Espero que las palabras puedan ayudarlo a comprender el significado de la puesta en marcha del evento.
Solo queremos saber cómo los elementos creados dinámicamente agregan eventos, qué dice tanto que hacer, qué hacer ...
Ok, volvamos al grano, vea la implementación específica:
// Simular el elemento de creación dinámica li $ .AJAX ({type: 'get', data: {}, éxito: function () {$ ('<li>'). AddClass ('aaa'). Html ('1111111111'). AppendTo ($ ('body');},}); // add Event $ (documento) .on (click ',', ',', ',' ',', ',', ',', ',', ',', ',', ',', ',', ',', ',', ',', ',', ',', ',', ',', ',', '', ',', ',', ',', ',', ',', ',', ',', ',', ',', ','. function () {console.log ('ddd');});Lo anterior es la Comisión de Eventos de Adición Dynamic JavaScript presentada por el editor para usted. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!