If you're seeing this message, it means we're having trouble loading external resources on our website.

Si estás detrás de un filtro de páginas web, por favor asegúrate de que los dominios *.kastatic.org y *.kasandbox.org estén desbloqueados.

Contenido principal

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?

¿Sabes inglés? Haz clic aquí para ver más discusiones en el sitio en inglés de Khan Academy.