Flashcards

Ficha 1: Eventos de Ratón:

PABLO SEBASTIAN RAMOS HERNANDEZ English 30 cards

Cards in this deck (30)

1Nombre del evento: CLICK Tipo de evento: Evento Ratón Descripción del evento: Se activa cuando el usuario hace clic con el botón izquierdo del ratón sobre un elementoEjemplo:
Este código escucha el evento click en un botón con el id btn. Cuando se hace clic en el botón, se muestra una alerta con el mensaje "Button clicked!".
2Nombre del evento: dblclick Tipo del evento: Evento ratón Descripcion: Se activa cuando el usuariohace doble clic en un elemetoEjemplo:
Explicación del ejemplo: El evento dblclick detecta un doble clic en el botón y muestra una alerta con el mensaje "Button double clicked!".
3Nombre del evento: mouseout Tipo de evento: Evento de Ratón Descripción: Se activa cuando el puntero del ratón sale de un elemento.Ejemplo:
El evento mouseout se dispara cuando el puntero del ratón deja de estar sobre el elemento div, mostrando una alerta.
4Nombre del evento: mousedown Tipo de evento: Evento de Ratón Descripción: Se activa cuando se presiona un botón del ratón sobre un elemento.Ejemplo:
El evento mousedown detecta cuando el botón del ratón se presiona mientras el puntero está sobre el div y muestra una alerta.
5Nombre del evento: mouseup Tipo de evento: Evento de Ratón Descripción: Se activa cuando se suelta un botón del ratón.Ejemplo:
El evento mouseup detecta cuando se suelta el botón del ratón sobre el elemento y muestra una alerta.
6Nombre del evento: mousemove Tipo de evento : Evento de Ratón • Descripción: Se activa cuando el ratón se mueve sobre un elemento.Ejemplo:
El evento mousemove se dispara cuando el puntero del ratón se mueve sobre el área del elemento div, registrando un mensaje en la consola.
7Nombre del evento: contextmenu Tipo de evento: Evento de Ratón Descripción: Se activa cuando el usuario hace clic con el botón derecho del ratón para abrir el menú contextual.Ejemplo:
El evento contextmenu detecta un clic derecho y evita que el menú contextual predeterminado se abra, mostrando una alerta en su lugar.
8Nombre del evento: keydown Tipo de evento: Evento de Teclado Descripción: Se activa cuando una tecla es presionada en el teclado.Ejemplo:
El evento keydown se dispara cuando una tecla es presionada mientras el campo de texto está en foco. El código registra la tecla presionada en la consola.
9Nombre del evento: keyup Tipo de evento: Evento de Teclado Descripción: Se activa cuando se suelta una tecla del teclado.Ejemplo:
El evento keyup detecta cuando una tecla se suelta después de haber sido presionada, mostrando en la consola la tecla liberada.
10Nombre del evento: keypress Categoría: Evento de Teclado Descripción: Se activa cuando una tecla es presionada, pero se ignoran algunas teclas como Shift, Ctrl, etc.• Ejemplo:
El evento keypress se utiliza para detectar la entrada de caracteres mientras se presiona una tecla, excluyendo teclas de control como Shift o Alt.
11Nombre del evento: submit Tipo de evento: Evento de Formulario Descripción: Se activa cuando un formulario es enviado.Ejemplo:
Este evento se dispara cuando se envía el formulario. La función preventDefault () evita que el formulario se envíe realmente, mostrando una alerta en su lugar.
12Nombre del evento: input Tipo de evento: Evento de Formulario Descripción: Se activa cuando el valor de un campo de entrada cambia mientras se escribe.Ejemplo:
El evento input se dispara cada vez que cambia el valor del campo de texto mientras el usuario escribe, mostrando el valor actual en la consola.
13Nombre del evento: focus Tipo de evento: Evento de Formulario Descripción: Se activa cuando un elemento, como un campo de texto, recibe foco.Ejemplo:
El evento focus se activa cuando el campo de entrada recibe foco, registrando el mensaje "Input is focused" en la consola.
14Nombre del evento: blur Tipo de evento: Evento de Formulario Descripción: Se activa cuando un elemento pierde el foco.Ejemplo:
El evento blur se dispara cuando el campo de entrada pierde el foco, registrando el mensaje "Input lost focus" en la consola.
15Nombre del evento: change Tipo de evento: Evento de Formulario Descripción: Se activa cuando el valor de un campo de formulario cambia y el usuario abandona el campo (por ejemplo, seleccionando una opción).• Explicación del ejemplo: El evento change se dispara cuando el usuario selecciona una opción diferente en el menú desplegable, registrando el valor seleccionado en la consola.
16Nombre del evento: reset Tipo de evento: Evento de Formulario Descripción: Se activa cuando se restablecen los valores de un formulario.Ejemplo:
¡El evento reset se activa cuando se restablecen los valores del formulario, mostrando una alerta con el mensaje “Form reset!".
17Nombre del evento: DOMContentLoaded Tipo de evento: Otros Eventos Comunes Descripción: Se activa cuando el contenido del DOM ha sido completamente cargado y procesado.Ejemplo:
El evento DOMContentLoaded se dispara cuando el documento HTML ha sido completamente cargado y procesado, pero sin esperar a que se carguen recursos externos como imágenes.
18Nombre del evento: load Tipo de evento: Otros Eventos Comunes Descripción: Se activa cuando la página y todos los recursos (imágenes, scripts, etc.) se han cargado completamente.Ejemplo:
El evento load se dispara cuando toda la página, incluidos los recursos externos, ha terminado de cargarse.
19Nombre del evento: resize Tipo de evento: Otros Eventos Comunes Descripción: Se activa cuando la ventana del navegador cambia de tamañoEjemplo:
El evento resize se dispara cuando el tamaño de la ventana cambia, registrando un mensaje en la consola cada vez que se redimensiona.
20Nombre del evento: scroll Tipo de evento: Otros Eventos Comunes Descripción: Se activa cuando el usuario desplaza la página o un elemento.Ejemplo:
El evento scroll se dispara cuando el usuario desplaza el área visible de un elemento con desbordamiento, registrando un mensaje en la consola.
21Nombre del evento: dragstart Tipo de evento: Evento de Drag & Drop Descripción: Se activa cuando comienza a arrastrarse un elemento.Ejemplo:
El evento dragstart se dispara cuando el usuario comienza a arrastrar un elemento.
22Nombre del evento: dragover Tipo de evento: Evento de Drag & Drop Descripción: Se activa cuando un elemento arrastrado está sobre una zona de destino válida.Ejemplo:
El evento dragover se dispara cuando un elemento arrastrado está sobre una zona de destino válida. El event.preventDefault() permite que el elemento pueda ser soltado en la zona.
23Nombre del evento: drop Tipo de evento: Evento de Drag & Drop Descripción: Se activa cuando un elemento arrastrado se suelta en una zona de destino.Ejemplo:
El evento drop se dispara cuando un elemento es soltado dentro de una zona de destino válida.
24Nombre del evento: dragend Tipo de evento: Evento de Drag & Drop Descripción: Se activa cuando se finaliza el arrastre, ya sea soltando el elemento o cancelando la acción.Ejemplo:
El evento dragend se dispara cuando finaliza el arrastre de un elemento, mostrando un mensaje en la consola.
25Nombre del evento: play Tipo de evento: Evento de Multimedia Descripción: Se activa cuando la reproducción de un archivo de medios (audio o video) comienza.Ejemplo:
El evento play se dispara cuando el usuario comienza a reproducir el video, registrando un mensaje en la consola.
26Nombre del evento: pause Tipo de evento: Evento de Multimedia Descripción: Se activa cuando la reproducción de un archivo de medios se pausa.Ejemplo:
El evento pause se dispara cuando el video es pausado, registrando un mensaje en la consola.
27Nombre del evento: ended Tipo de evento: Evento de Multimedia Descripción: Se activa cuando la reproducción de un archivo de medios llega al final.Ejemplo:
El evento ended se dispara cuando el video ha terminado su reproducción, registrando un mensaje en la consola.
28Nombre del evento: copy Tipo de evento: Evento del Portapapeles Descripción: Se activa cuando el usuario copia contenido al portapapeles.Ejemplo:
El evento copy detecta cuando se copia algo al portapapeles y registra un mensaje en la consola.
29Nombre del evento: cut Tipo de evento: Evento del Portapapeles Descripción: Se activa cuando el usuario corta contenido al portapapeles.Ejemplo:
El evento cut detecta cuando se corta contenido al portapapeles, mostrando un mensaje en la consola.
30Nombre del evento: paste Tipo de evento: Evento del Portapapeles Descripción: Se activa cuando el usuario pega contenido desde el portapapeles.Ejemplo:
El evento paste se dispara cuando se pega contenido en un área de texto, registrando un mensaje en la consola.