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

¿Qué eventos y propiedades del DOM existen?

Los navegadores desencadenan muchos eventos. Puedes usar jQuery para agregar detectores de eventos para cualquiera de esos eventos.
Una lista completa de los eventos del navegador está en MDN, pero aquí hay algunos de los tipos de evento y nombres más comunes, además de ejemplos de cómo usarlos:
  • eventos del ratón: 'click' (ejemplo), 'mousedown'/'mouseup' (ejemplo), 'mousemove' (ejemplo), 'mouseenter'/'mouseleave' (ejemplo)
  • eventos del teclado: 'keydown', 'keypress', 'keyup' (ejemplo)
  • eventos táctiles: 'touchdown', 'touchup', 'touchstart', ‘touchcancel’ (ejemplo)
  • eventos de arrastre: 'dragstart', 'dragend' (muchos desarrolladores usan jQueryUI para la funcionalidad de arrastre, ya que puede ser difícil usar los eventos de arrastre directamente. Aquí hay ejemplos de elementos arrastrables y zonas de soltar.)
  • eventos de formularios: 'submit' (ejemplo), 'change' (ejemplo), 'focus'/'blur' (ejemplo).
  • eventos de ventana: 'scroll' (ejemplo), 'reload', 'hashchange'
Cuando agregas un detector de eventos y el evento ocurre, jQuery llamará tu código con un objeto de evento de jQuery que tenga las propiedades relevantes en él. Lee la documentación para aprender más acerca de qué propiedades están disponibles.

¿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.