Eventos en JavaScript
En esta lección, vamos a explorar los diferentes tipos de eventos en JavaScript y cómo podemos usarlos para crear interacciones en las páginas web. Estudia los eventos comunes como click, scroll, keydown, y submit para entender cómo funcionan y cómo podemos utilizarlos para crear interacciones en las páginas web.
Recommended next
10 questions ready
Start with a quiz
Answer from memory first, then use the existing quiz review flow for anything you miss.
Activities
Quiz10 Questions
Flashcards10 Cards
Study Notes1 Note
Modules
Learn in sequence
Start with the earlier modules and work forward. Each one builds on the last, so the course gets more advanced as you go.
Eventos en JavaScript
Quiz • 10 Questions
Eventos en JavaScript - Flashcards
Flashcards • 10 Cards
Study Notes
2 min • Summary
Materials
List of Questions10 questions
- Question 1
- Define el estilo visual de un elemento HTML cuando ocurre un evento.
- Asigna un evento específico a un elemento del DOM, ejecutando una función cuando se detecta dicho evento.
- Elimina un evento previamente asignado a un elemento del DOM.
- Crea un nuevo elemento HTML y lo añade al DOM en respuesta a un evento.
- Question 2
- Especifica si la función a ejecutar debe ser anónima o no.
- Determina si el evento debe ser capturado durante la fase de _bubbling_ o _capturing_.
- Define si el evento se aplica a todos los elementos del DOM.
- Indica si el evento debe ser cancelado después de su ejecución.
- Question 3
- Se pasa automáticamente como primer argumento a la función.
- No es posible acceder al objeto `event`.
- Se accede a través de la variable global `window.event`.
- Se define explícitamente dentro de la función utilizando la palabra clave `event`.
- Question 4
- El evento se adjunta al elemento `body` en su lugar.
- Se lanza un error que detiene la ejecución del script.
- Se adjunta el evento al elemento más cercano en la jerarquía del DOM.
- No ocurre nada, el código se ejecuta sin errores, pero el evento no se activa.
- Question 5
- `event.code`
- `event.type`
- `event.target`
- `event.key`
- Question 6
- `mouseenter` se dispara continuamente mientras el ratón se mueve sobre un elemento, mientras que `mousemove` se dispara solo una vez cuando el ratón entra en el elemento.
- No hay diferencia, ambos eventos se disparan de la misma manera.
- `mousemove` se dispara continuamente mientras el ratón se mueve sobre un elemento, mientras que `mouseenter` se dispara solo una vez cuando el ratón entra en el elemento.
- `mouseenter` solo funciona en dispositivos móviles, mientras que `mousemove` solo funciona en ordenadores.
- Question 7
- Detectar cuándo el usuario imprime la página.
- Gestionar la entrada de datos a través del teclado.
- Monitorizar la posición de desplazamiento para implementar funcionalidades como la carga infinita o la fijación de elementos en la pantalla.
- Controlar la velocidad de las animaciones en la página.
- Question 8
- No tiene ningún impacto negativo en el rendimiento.
- Reduce el riesgo de ataques de seguridad al limitar la interacción del usuario con la página.
- Puede llevar a un consumo excesivo de memoria y degradación del rendimiento, especialmente si no se gestionan correctamente las referencias a las funciones de _callback_.
- Mejora el rendimiento general al optimizar la gestión de eventos.
- Question 9
- `focus`
- `submit`
- `blur`
- `load`
- Question 10
- `load` y `unload`
- `click` y `dblclick`
- `animationstart` y `animationend`
- `transitionstart` y `transitionend`
List of Flashcards10 flashcards
- Card 1Hint¿Qué desencadena una función en JavaScript al interactuar con la página?Memory TipPiensa en 'acción' = 'evento'.
- Card 2HintEs la principal herramienta para escuchar y reaccionar a los eventos.Memory Tip‘Escucha’ y ‘actúa’ sobre un evento.
- Card 3HintPiensa en la acción más básica que haces con un ratón.Memory TipUn solo toque en el botón.
- Card 4Hint¿Qué acción realizas para ver más contenido en una página larga?Memory TipRueda la página hacia arriba o abajo.
- Card 5Hint¿Qué haces para introducir texto en un formulario?Memory TipPresiona una tecla.
- Card 6Hint¿Qué haces después de completar un formulario online?Memory TipEnviar datos.
- Card 7Hint¿Cuándo puedes interactuar con todos los elementos de una página web?Memory TipPágina completa, ¡lista!
- Card 8Hint¿Cuándo puedes empezar a escribir en un campo de texto?Memory TipEl cursor parpadea.
- Card 9Hint¿Qué pasa cuando sales de un campo de texto?Memory TipDejas de escribir.
- Card 10HintInformación detallada sobre el evento.Memory TipEl código del evento.