Contenido principal
Curso: Programación de computadoras > Unidad 7
Lección 5: Eventos del DOM con jQuery- Agregar detectores de eventos con jQuery
- Desafío: clics en los cocodrilos
- Usar propiedades de eventos en jQuery
- Desafío: haz un dálmata
- ¿Qué eventos y propiedades del DOM existen?
- Revisar la disponibilidad del DOM con jQuery
- Revisión: eventos del DOM en jQuery
- Proyecto: cambio de escena
© 2024 Khan AcademyTérminos de usoPolítica de privacidadAviso de cookies
¿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?
- Estoy en el desafio: haz un daltama, una idea como debo hacerlo(2 votos)
- $dot.css("top", event.pageY + "px");
$dot.css("left", event.pageX + "px");(3 votos)