Flashcards
Eventos en Js
Cards in this deck (38)
- 1—Son acciones o sucesos que ocurren en el navegador, como clics, teclas presionadas o carga de la página. Permiten ejecutar código en respuesta a la interacción del usuario o cambios en el documento.
- 2Eventos de RatónSon acciones o sucesos que ocurren en el navegador, como clics, teclas presionadas o carga de la página. Permiten ejecutar código en respuesta a la interacción del usuario o cambios en el documento.
- 3Evento: Clic ----------------------- Descripción: Ocurre cuando el usuario hace clic en un elemento.Al hacer clic en el botón con ID "miBoton", se muestra una alerta con el mensaje "¡Botón clickeado!".
- 4Evento: dblclick ---------------------- Descripción: Ocurre al hacer doble clic en un elemento.Cuando el usuario hace doble clic en el elemento con ID miElemento, se muestra una alerta con el mensaje "Doble clic detectado".
- 5Evento: mouseover ---------------------- Descripción: Se dispara cuando el puntero del ratón entra en el área de un elemento.Este evento registra cuando el ratón pasa sobre el elemento y muestra un mensaje en la consola.
- 6Evento: mouseout ---------------------- Descripción: Se dispara cuando el puntero del ratón sale del área de un elemento.Se registra un mensaje en la consola cuando el ratón deja el área del elemento.
- 7Evento: mousedown ---------------------- Descripción: Ocurre cuando se presiona un botón del ratón sobre un elementoSe muestra un mensaje en consola cuando se presiona un botón del ratón sobre el elemento.
- 8Evento: mouseup ---------------------- Descripción: Ocurre cuando se suelta un botón del ratón sobre un elemento.Se muestra un mensaje en consola cuando el botón del ratón se libera sobre el elemento.
- 9Evento: mousemove ---------------------- Descripción: Se dispara mientras el ratón se mueve sobre un elemento.Se registra el movimiento continuo del ratón sobre el elemento en la consola.
- 10Evento: contextmenu ---------------------- Descripción: Ocurre al hacer clic derecho para abrir el menú contextual.Se muestra una alerta y se evita la apertura del menú contextual en el elemento.
- 11Eventos de tecladoSon eventos que se activan cuando el usuario interactúa con el teclado.
:)
- 12Evento: keydown ---------------------- Descripción: Ocurre cuando se presiona una tecla.Se registra la tecla presionada en la consola.
- 13Evento: keyup ---------------------- Descripción: Ocurre cuando se suelta una tecla.Se muestra la tecla liberada en la consola.
- 14Eventos de FormularioLos Eventos de Formulario en JavaScript son mecanismos para detectar y responder a acciones en formularios
- 15Evento: submit ---------------------- Descripción: Ocurre al enviar un formulario.El formulario se envía, y se muestra una alerta sin recargar la página.
- 16Evento: input ---------------------- Descripción: Ocurre cuando el valor de un campo cambiaSe muestra el nuevo valor en consola al cambiar el contenido del campo.
- 17Evento: focus ---------------------- Descripción: Ocurre cuando un campo de texto recibe el foco.Se muestra un mensaje cuando el campo recibe el foco.
- 18Evento: blur ---------------------- Descripción: Ocurre cuando un campo de texto pierde el foco.Se muestra un mensaje cuando el campo pierde el foco.
- 19Evento: change ---------------------- Descripción: Ocurre cuando el valor de un campo cambia y se pierde el foco.Registra el valor nuevo cuando el usuario cambia el campo y se retira de él.
- 20Evento: reset ---------------------- Descripción: Ocurre cuando un formulario es reseteado.Se muestra una alerta cuando el formulario es reseteado.
- 21Eventos comunesContienen todas las situaciones o cosas destacables que el propio navegador te va a informar.
- 22Evento: DOMContentLoaded ---------------------- Descripción: Ocurre cuando el HTML ha sido completamente cargado, sin esperar a las imágenes y otros recursos.Se muestra un mensaje en consola una vez que el HTML ha sido cargado.
- 23Evento: load ---------------------- Descripción y categoría: Ocurre cuando la página completa, incluidos todos los recursos, ha cargado.Se muestra una alerta cuando la página y sus recursos han terminado de cargar.
- 24Evento: resize ---------------------- Descripción: Ocurre cuando la ventana del navegador cambia de tamaño.Registra un mensaje en consola cuando se redimensiona la ventana del navegador.
- 25Evento: scroll ---------------------- Descripción: Ocurre cuando se desplaza la barra de scroll en la página o en un elemento con scroll.Se muestra un mensaje en la consola cada vez que se desplaza la página.
- 26Eventos de Drag & DropNos permiten soportar tipos especiales de Arrastrar y Soltar, como manejar el arrastrado de archivos desde el manejador de archivos del Sistema Operativo y soltarlo en la ventana del navegador.
- 27Evento: dragstart ---------------------- Descripción: Ocurre cuando se inicia el arrastre de un elementoRegistra un mensaje en consola cuando se comienza a arrastrar el elemento.
- 28Evento: dragover ---------------------- Descripción: Ocurre cuando un elemento arrastrado está sobre un objetivo de soltado.Permite que el elemento arrastrado se mueva sobre el objetivo y registra el evento en la consola.
- 29Evento: drop ---------------------- Descripción: Ocurre cuando el elemento arrastrado se suelta en un objetivo de soltado.Muestra una alerta cuando el elemento arrastrado se suelta en el objetivo.
- 30Evento: dragend ---------------------- Descripción: Ocurre cuando se termina de arrastrar un elemento.Registra un mensaje en consola cuando se completa el arrastre del elemento.
- 31Eventos MultimediaSon acciones que detectan cambios o interacciones con elementos multimedia (como videos, audio e imágenes)
- 32Evento: play ---------------------- Descripción: Ocurre cuando se empieza a reproducir un video o audio.Registra un mensaje en consola cuando el video o audio comienza a reproducirse.
- 33Evento: pause ---------------------- Descripción : Ocurre cuando se pausa un video o audio.Registra un mensaje en consola cuando el video o audio se pausa.
- 34Evento: ended ---------------------- Descripción: Ocurre cuando un video o audio ha terminado de reproducirse.Muestra una alerta cuando el video o audio llega al final.
- 35Eventos del PortapapelesDetectan acciones relacionadas con copiar, cortar y pegar contenido.
- 36Evento: copy ---------------------- Descripción: Se dispara cuando el contenido es copiado al portapapeles.Registra un mensaje en consola cuando se copia el contenido.
- 37Evento: cut ---------------------- Descripción: Ocurre cuando el contenido es cortado al portapapeles.Registra un mensaje en consola cuando se corta el contenido.
- 38Evento: paste ---------------------- Descripción: Ocurre cuando se pega contenido desde el portapapeles.Registra un mensaje en consola cuando se pega el contenido.
