Contenido principal
Curso: Programación de computadoras > Unidad 6
Lección 5: Eventos del DOM- Hacer páginas web interactivas con eventos
- Agregar detectores de eventos
- Desafío: acaricia al gato
- Tipos de eventos del DOM
- Usar las propiedades del evento
- Desafío: bigote gatuno
- Procesar formularios con eventos
- Desafío: Mad Libs
- Evitar el comportamiento predeterminado de eventos
- Resumen: eventos del DOM
© 2024 Khan AcademyTérminos de usoPolítica de privacidadAviso de cookies
Tipos de eventos del DOM
El navegador desencadena muchos eventos. Una lista completa está disponible en MDN, pero aquí están algunos de los tipos de eventos más comunes y los nombres de evento:
- eventos del ratón (
MouseEvent
): mousedown, mouseup, click, dblclick, mousemove, mouseover, mousewheel, mouseout, contextmenu - eventos táctiles (
TouchEvent
): touchstart, touchmove, touchend, touchcancel - eventos del teclado (
KeyboardEvent
): keydown, keypress, keyup - eventos de formularios: focus, blur, change, submit
- eventos de la ventana: scroll, resize, hashchange, load, unload
Puedes estarte preguntando cuándo usar eventos táctiles contra eventos del ratón, puesto que son muy parecidos.
Los eventos táctiles solo son desencadenados en dispositivos táctiles como teléfonos inteligentes y computadoras con pantallas táctiles. Los eventos del ratón, como
click
y mousemove
son desencadenados en la mayoría de los navegadores y dispositivos. Sin embargo, en la mayoría de los teléfonos inteligentes, el evento mouseover
no se desencadena para nada, porque no se puede detectar un dedo que flota por encima del teléfono. Sin embargo, algunos teléfonos inteligentes están agregando un sensor para eso, así que más teléfonos inteligentes detectarán mouseover
en el futuro. En la mayoría de los casos, vas a querer detectar eventos del ratón en lugar de eventos táctiles, porque esos son los más universales.
¿Quieres unirte a la conversación?
- porque me sale en ingles?(1 voto)
- por que deseguro tienes la pajina tradusida al ingles(1 voto)
- por que es UN Bebe Winston!(1 voto)
- porque me sale en ingles?(1 voto)
- En estos momentos no esta toda la traduccion al espeñol sin embargo talvez te falta en configuracion seleccionar el idioma español (Recuerda No todo aparace en este idioma)(1 voto)
- el evento se disputa pero lo importante no deben de preguntarle a ellos si no a ustedes mismos(0 votos)