Created by ALONDRA SANCHEZ SANCHEZ MARTINEZ
16 days ago
|
||
Question | Answer |
CLICK Categoría: Ratón. "Curre cuando el usuario hace clic en un elemento." | Explicación del Ejemplo: El código añade un addEventListener al elemento con ID "miBoton", que ejecuta una función para mostrar un mensaje en la consola cuando el botón es clicado. El código añade un addEventListener al elemento con ID "miBoton", que ejecuta una función para mostrar un mensaje en la consola cuando el botón es clicado. |
dblclick Categoría: Ratón "Se dispara al hacer doble clic en un elemento." | Explicación del Ejemplo: Asocia un evento dblclick al elemento "miBoton", mostrando un mensaje cuando se hace doble clic en él. |
mouseover Categoría: Ratón "Ocurre cuando el puntero entra en el área de un elemento." | Explicación del Ejemplo: Este evento mouseover detecta cuando el ratón pasa sobre el elemento "miImagen", mostrando un mensaje en la consola. |
keydown Categoría: Teclado " Se activa cuando una tecla es presionada." | Explicación del Ejemplo: Al presionar una tecla, keydown muestra el nombre de la tecla en la consola. |
keyup Categoría: Teclado " Ocurre cuando se libera una tecla." | Explicación del Ejemplo: keyup se dispara cuando se suelta una tecla, mostrando la tecla en la consola. |
SUBMIT Categoría: Formulario " Ocurre cuando se envía un formulario." | Explicación del Ejemplo: submit es capturado en "miFormulario" y event.preventDefault() evita que el formulario se envíe automáticamente. |
mouseover Categoría: Ratón "Se dispara cuando el puntero del ratón entra en el área de un elemento." | Explicación del Ejemplo: Este evento mouseover detecta cuando el ratón pasa sobre el elemento "miImagen", mostrando un mensaje en la consola. |
DOMContentLoaded Categoría: Eventos Camones " Se activa cuando el HTML ha sido completamente cargado." | Explicación del Ejemplo: DOMContentLoaded muestra un mensaje cuando el HTML se carga, sin esperar otros recursos (imágenes, scripts, etc.). |
dragstart Categoría: Drag & Drop " Se dispara cuando se inicia el arrastre de un elemento." | Explicación del Ejemplo: dragstart se activa cuando "miElemento" comienza a ser arrastrado. |
drop Categoría: Drag & Drop " Ocurre cuando un elemento arrastrado se suelta en un objetivo de soltado." | Explicación del Ejemplo: drop se activa en "zonaSoltar" cuando el elemento es soltado, mostrando el mensaje. |
mouseout Categoría: Ratón " Ocurre cuando el puntero del ratón sale del área de un elemento." | Explicación del Ejemplo: mouseout se activa cuando el ratón sale de "miImagen", mostrando el mensaje correspondiente. |
contextmenu Categoría: Ratón "Ocurre al hacer clic derecho y abrir el menú contextual." | Explicación del Ejemplo: contextmenu previene el menú contextual por defecto y muestra un mensaje. |
mousedown Categoría: Ratón " Se activa al presionar un botón del ratón sobre un elemento." | Explicación del Ejemplo: mousedown detecta cuando se presiona un botón del ratón en "miElemento". |
mouseup Categoría: Ratón Ocurre cuando se suelta un botón del ratón sobre un elemento. | lExplicación del Ejemplo: mouseup se activa al soltar un botón del ratón en "miElemento". |
mousemove Categoría: Ratón "Ocurre cuando el ratón se mueve sobre un elemento." | Explicación del Ejemplo: mousemove detecta el movimiento del ratón sobre "miElemento" |
keypress Categoría: Teclado "Ocurre al presionar una tecla (en desuso, reemplazado por." | Explicación del Ejemplo: keypress muestra la tecla presionada en la consola. |
input Categoría: Teclado/Formulario "Se activa cuando cambia el valor de un campo de entrada." | Explicación del Ejemplo: input muestra un mensaje cuando se modifica el campo "miCampoTexto". |
focus Categoría: Formulario "Ocurre cuando un elemento recibe el foco." | Explicación del Ejemplo: focus se activa cuando el campo "miCampoTexto" recibe el foco. |
blur Categoría: Formulario "Se activa cuando un elemento pierde el foco." | Explicación del Ejemplo: blur muestra un mensaje al perder el foco "miCampoTexto". |
change Categoría: Formulario "Ocurre cuando cambia el valor de un elemento y pierde el foco." | Explicación del Ejemplo: change se activa cuando se modifica y desenfoca "miSeleccion". |
reset Categoría: Formulario " Ocurre cuando se restablece un formulario." | Explicación del Ejemplo: reset muestra un mensaje cuando se reinicia "miFormulario". |
load Categoría: Carga de documento "Ocurre cuando la página completa ha cargado." | Explicación del Ejemplo: load se activa al cargar completamente la página. |
resize Categoría: Ventana "Ocurre cuando se cambia el tamaño de la ventana del navegador." | Explicación del Ejemplo: resize muestra un mensaje cuando se redimensiona la ventana. |
scroll Categoría: Ventana "Se activa cuando se desplaza la página o un elemento." | Explicación del Ejemplo: scroll se activa cuando la ventana es desplazada. |
beforeunload Categoría: Carga de documento "Se activa justo antes de que el usuario salga de la página." | Explicación del Ejemplo: beforeunload muestra un mensaje de advertencia antes de abandonar la página. |
error Carga de documento "Se activa cuando ocurre un error de carga de un recurso." | Explicación del Ejemplo: error se activa y muestra el archivo donde ocurre un error. |
fullscreenchange Categoría: Pantalla "Se activa cuando la página entra o sale del modo de pantalla completa." | Explicación del Ejemplo: Este evento detecta cuándo la página entra o sale de pantalla completa y muestra un mensaje en la consola. |
online Categoría: Conexión "Se dispara cuando el navegador detecta una conexión a internet después de estar desconectado." | Explicación del Ejemplo: Este evento notifica en la consola cuando la conexión a internet se restablece. |
offline Categoría: Conexión "Se activa cuando el navegador detecta la pérdida de conexión a internet." | Explicación del Ejemplo: Muestra un mensaje en la consola cuando el navegador pierde la conexión a internet. |
visibilitychange Categoría: Estado de la Página "Se activa cuando la visibilidad de la página cambia, por ejemplo, al cambiar de pestaña." | document.addEventListener("visibilitychange", function() { if (document.visibilityState === "hidden") { console.log("La página está oculta"); } else { console.log("La página está visible"); } }); Explicación del Ejemplo: Este código detecta cuándo la visibilidad de la página cambia. Si la página no está visible, muestra "La página está oculta"; de lo contrario, muestra "La página está visible". |
Want to create your own Flashcards for free with GoConqr? Learn more.