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:
// simula la creación dinámica de elemento li $ .AJAX ({type: 'get', data: {}, éxito: function () {$ ('<li>'). AddClass ('aaa'). Html ('1111111111'). AppendTo ($ ('cuerpo');},}); // add event $ (document) .on (click '', '', '', '', '', '', ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',' ',', '', '', '', ',' ',' ',' '. function () {console.log ('ddd');});El artículo anterior es un cliché sobre los eventos de adición dinámica de JS --- El conflicto de eventos es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.