Burbujeo de eventos y captura de eventos

 

 

 

Descubra cómo funcionan la propagación y la captura de eventos en JavaScript

El burbujeo y la captura son los dos modelos que utilizan los eventos DOM para propagarse.

Supongamos que su estructura DOM es

div buttonClick me/button/div

Desea realizar un seguimiento de cuándo los usuarios hacen clic en button, y tiene 2 detectores de eventos, uno en el botón y otro en #container.

Recuerde, un clic en un elemento secundario siempre se propagará a sus elementos principales, a menos que detenga la propagación (ver más adelante).

Esos escuchas de eventos serán llamados en orden, y este orden está determinado por el modelo de captura/burbujeo de eventos utilizado.

 

Burbujear significa que el evento se propaga desde el elemento en el que se hizo clic (el hijo) hasta todo su árbol padre, comenzando por el más cercano.

En nuestro ejemplo, el controlador on buttonse activará antes que el #containercontrolador.

La captura es lo opuesto: los controladores de eventos externos se activan antes del controlador más específico, el de button.

De forma predeterminada, todos los eventos aparecen en burbuja .

Puede optar por adoptar la captura de eventos aplicando un tercer argumento a addEventListener, configurándolo en true: Fotos Porno y actrices porno

document.getElementById('container').addEventListener( 'click', () = { //window loaded }, true)

Tenga en cuenta que primero se ejecutan todos los controladores de eventos de captura .

Luego todos los controladores de eventos burbujeantes.

El orden sigue este principio: el DOM recorre todos los elementos a partir del objeto Window y busca el elemento en el que se hizo clic. Al hacerlo, llama a cualquier controlador de eventos asociado al evento (fase de captura).

Una vez que llega al objetivo, repite el recorrido hasta el árbol padre hasta el objeto Ventana, llamando nuevamente a los controladores de eventos (fase de burbujeo).

Tips para principiantes de JavaScript




Tal vez te puede interesar:

  1. Introducción a React
  2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
  3. Cómo cambiar el valor de un nodo DOM
  4. Cómo comprobar si un elemento DOM tiene una clase

Burbujeo de eventos y captura de eventos

Burbujeo de eventos y captura de eventos

El burbujeo y la captura son los dos modelos que utilizan los eventos DOM para propagarse. Descubra cómo funcionan la propagación y la captura de eventos en

programar

es

https://aprendeprogramando.es/static/images/programar-burbujeo-de-eventos-y-captura-de-eventos-2353-0.jpg

2024-10-20

 

Burbujeo de eventos y captura de eventos
Burbujeo de eventos y captura de eventos

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences