No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Entendiendo eventos y tipos: Burbuja, Captura y Propagación

15/27
Recursos

Aportes 6

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Estos son algunos de los eventos que encontre. ![](https://static.platzi.com/media/user_upload/image-c3a2fd35-5085-4e60-b374-513cac2f7de0.jpg) ![](https://static.platzi.com/media/user_upload/image-123958e1-5714-4447-810b-4126ad6a2411.jpg)
Existen varios tipos de eventos en JavaScript, que son fundamentales para la manipulación del DOM y la interacción en aplicaciones web. Algunos de los más comunes son: 1. **Eventos de Mouse**: - `click`: Ocurre cuando se hace clic en un elemento. - `dblclick`: Ocurre cuando se hace doble clic en un elemento. - `mouseover`: Ocurre cuando el puntero del mouse entra en un elemento. 2. **Eventos de Teclado**: - `keydown`: Ocurre cuando se presiona una tecla. - `keyup`: Ocurre cuando se suelta una tecla. - `keypress`: Ocurre cuando se presiona y se mantiene una tecla. 3. **Eventos de Formulario**: - `submit`: Ocurre cuando se envía un formulario. - `change`: Ocurre cuando cambia el valor de un elemento de formulario. 4. **Eventos de Ventana**: - `resize`: Ocurre cuando se cambia el tamaño de la ventana. - `scroll`: Ocurre cuando se desplaza la barra de desplazamiento. 5. **Eventos Táctiles** (en dispositivos móviles): - `touchstart`: Ocurre cuando se toca la pantalla. - `touchend`: Ocurre cuando se deja de tocar la pantalla. Estos eventos permiten que el código responda a acciones del usuario, mejorando la interactividad de las páginas web.
Por si desean ver de forma visual el ejemplo <https://domevents.dev/>
Si quieren profundizar un poco mas, les dejo este vídeo que me sirvió para entender mejor. <https://www.youtube.com/watch?v=myEsMzsJEFg>
Buenas, me quedó la duda respecto al bubbling. En el caso de la animación hay un SECOND GRANDCHILD. Si el target es el FIRST GRANDCHILD y el bubbling va subiendo del target hasta el window object, es decir no baja por todo el DOM, quiere decir eso que no es posible modificar algo en SECOND GRANDCHILD en este caso? Quisiera si alguien me puede aclarar esa duda. Entiendo que puedo modificar SECOND GRANDCHILD, pero entonces me falta una pieza en la explicación, por ejemplo que el bubbling va por todo el DOM y no sólo sube como se ve en la animación. Saludos y muchas gracias por leer este mensaje, doble gracias a quien me aclare la duda.
![](https://static.platzi.com/media/user_upload/imagen-03b126a3-1765-4df6-9e22-a7f33e376424.jpg)