Flashcards
Creación de fichas de estudio en GoConqr
Cards in this deck (30)
- 1CLICK 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.
- 2dblclick 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.
- 3mouseover 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.
- 4keydown 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.
- 5keyup 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.
- 6SUBMIT 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.
- 7mouseover 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.
- 8DOMContentLoaded 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.).
- 9dragstart 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.
- 10drop 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.
- 11mouseout 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.
- 12contextmenu 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.
- 13mousedown 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".
- 14mouseup 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".
- 15mousemove 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"
- 16keypress Categoría: Teclado "Ocurre al presionar una tecla (en desuso, reemplazado por."Explicación del Ejemplo: keypress muestra la tecla presionada en la consola.
- 17input 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".
- 18focus Categoría: Formulario "Ocurre cuando un elemento recibe el foco."Explicación del Ejemplo: focus se activa cuando el campo "miCampoTexto" recibe el foco.
- 19blur Categoría: Formulario "Se activa cuando un elemento pierde el foco."Explicación del Ejemplo: blur muestra un mensaje al perder el foco "miCampoTexto".
- 20change 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".
- 21reset Categoría: Formulario " Ocurre cuando se restablece un formulario."Explicación del Ejemplo: reset muestra un mensaje cuando se reinicia "miFormulario".
- 22load 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.
- 23resize 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.
- 24scroll 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.
- 25beforeunload 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.
- 26error 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.
- 27fullscreenchange 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.
- 28online 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.
- 29offline 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.
- 30visibilitychange 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".
Information
- Description
- Transforma la información de los eventos en fichas de estudio utilizando GoConqr.
- Created by
- ALONDRA SANCHEZ SANCHEZ MARTINEZ
- Views
- 13
- Tags
- Rating