Fichas
EVENTOS EN JAVASCRIPT
Fichas del conjunto (37)
- 1Evento de Ratón CLICK descripcion: Se dispara cuando el usuario hace clic en un elemento.EJEMPLO:
agrega un evento al elemento HTML con el id miBoton. Cuando se hace clic en ese botón, se ejecuta una función que muestra un mensaje de alerta con el texto "¡Has hecho clic en el botón!". - 2Evento de Ratón dblclick descripcion: Se dispara al hacer doble clic en un elemento.EJEMPLO:
agrega un evento al elemento HTML con el id miBoton. Cuando se hace doble clic en ese botón, se ejecuta una función que muestra un mensaje de alerta con el texto "¡Has hecho doble clic en el botón!"
- 3Evento de Ratón mouseover descripcion: Se dispara cuando el puntero del ratón entra en el área de un elemento.EJEMPLO:
agrega un evento al elemento HTML con el id miDiv. Cuando el cursor del mouse pasa sobre el elemento (mouseover), la función cambia el color de fondo del elemento a amarillo (yellow).
- 4Evento de Ratón mouseout descripcion: Se dispara cuando el puntero del ratón sale del área de un elemento.EJEMPLO:
agrega un evento al elemento HTML con el id miDiv. Cuando el cursor del mouse sale del área del elemento (mouseout), la función cambia el color de fondo del elemento a blanco (white).
- 5Evento de Ratón mousedown descripcion: Ocurre cuando se presiona un botón del ratón sobre un elemento.EJEMPLO:
agrega un evento al elemento HTML con el id miElemento. Cuando se presiona algún botón del ratón sobre el elemento (mousedown), se ejecuta una función que registra en la consola el mensaje: "Botón del ratón presionado sobre el elemento".
- 6Evento de Ratón mouseup descripcion: Ocurre cuando se suelta un botón del ratón sobre un elemento.EJEMPLO:
agrega un evento al elemento HTML con el id miElemento. Cuando se libera un botón del ratón sobre el elemento (mouseup), se ejecuta una función que registra en la consola el mensaje: "Botón del ratón liberado sobre el elemento".
- 7Evento de Ratón mousemove descripcion: Se dispara continuamente mientras el ratón se mueve sobre un elemento.EJEMPLO:
se captura la posición del ratón mientras se mueve sobre el elemento con ID miElemento, y las coordenadas se muestran en la consola.
- 8Evento de Ratón contextmenu descripcion: Ocurre cuando se hace clic derecho para abrir el menú contextual.EJEMPLO:
cuando haces clic derecho sobre el elemento con ID miElemento, se evita que el menú contextual predeterminado aparezca y se registra el evento en la consola.
- 9Eventos deTeclado keydown descripcion: Ocurre cuando se presiona una tecla.EJEMPLO:
cuando se presiona cualquier tecla en el teclado, se captura el evento keydown y se muestra en la consola qué tecla fue presionada.
- 10Eventos deTeclado keyup descripcion: Ocurre cuando se suelta una tecla.cuando se suelta una tecla que ha sido presionada, se captura el evento keyup y se muestra en la consola cuál fue la tecla liberada.
- 11Eventos de Formulario submit descripcion: Se dispara cuando un formulario es enviado.cuando el formulario con ID miFormulario es enviado, se captura el evento submit y se evita el comportamiento predeterminado (enviar el formulario)
- 12Eventos de Formulario input descripcion: Ocurre cuando un valor es cambiado en un campo de formulario.cada vez que se cambia el valor en el campo de texto con ID miInput, se muestra el valor actual en la consola.
- 13Eventos de Formulario focus descripcion: Ocurre cuando un elemento (campo de texto) recibe el foco.muestra un mensaje en la consola cuando el campo de texto con ID miInput recibe el foco.
- 14Eventos de Formulario blur descripcion: Ocurre cuando un elemento pierde el foco.cuando el campo de texto con ID miInput pierde el foco, se muestra un mensaje en la consola.
- 15Eventos de Formulario change descripcion: Se dispara cuando cambia el valor de un elemento y se pierde el foco.cuando se selecciona una nueva opción en un select y se pierde el foco, se muestra el valor seleccionado en la consola.
- 16Eventos de Formulario reset descripcion: Ocurre cuando un formulario es reseteado.captura el evento reset cuando el formulario con ID miFormulario es reseteado, y muestra un mensaje en la consola.
- 17Otros Eventos Comunes DOMContentLoaded descripcion: Ocurre cuando el HTML ha sido completamente cargado.el mensaje "El DOM ha sido completamente cargado" se muestra en la consola una vez que la estructura HTML está lista, sin esperar a que se carguen imágenes o scripts.
- 18Otros Eventos Comunes load descripcion: Ocurre cuando la página completa (imágenes, scripts, etc.) ha cargado.Este evento se dispara cuando toda la página y sus recursos han terminado de cargarse. El mensaje en la consola indica que todo está listo.
- 19Otros Eventos Comunes resize descripcion: Ocurre cuando la ventana del navegador cambia de tamaño.cada vez que se cambia el tamaño de la ventana del navegador, se muestran en la consola las nuevas dimensiones de la ventana.
- 20Otros Eventos Comunes scroll descripcion: Ocurre cuando se desplaza la barra de scroll en la página o en un elemento con scroll.egistra en la consola la posición vertical (scrollY) del desplazamiento cada vez que se hace scroll en la ventana.
- 21Eventos de Drag & Drop dragstart descripcion: Se dispara cuando se inicia el arrastre de un elemento.el elemento con ID draggable puede ser arrastrado. El evento dragstart se activa al iniciar el arrastre, y el ID del elemento se guarda en el dataTransfer para usarlo luego en el evento drop.
- 22Eventos de Drag & Drop dragover descripcion: Se dispara cuando un elemento arrastrado está sobre un objetivo de soltado.muestra cómo permitir la acción de soltar (drop). Cuando el elemento arrastrado está sobre dropzone, se previene el comportamiento predeterminado para que el evento drop pueda ocurrir.
- 23Eventos de Drag & Drop drop descripcion: Ocurre cuando el elemento arrastrado se suelta en un objetivo de soltado.Aquí, el evento drop se activa al soltar el elemento en el dropzone. El dataTransfer recupera el ID del elemento arrastrado y lo agrega a dropzone.
- 24Eventos de Drag & Drop dragend descripcion: Ocurre cuando se termina de arrastrar un elemento.muestra un mensaje en la consola cuando el elemento con ID draggable deja de ser arrastrado, indicando el fin del arrastre.
- 25Eventos de Multimedia play descripcion: Ocurre cuando se empieza a reproducir un video o audio.cuando se empieza a reproducir el video con ID miVideo, se muestra un mensaje en la consola.
- 26Eventos de Multimedia pause descripcion: Ocurre cuando se pausa un video o audio.Este evento se dispara cuando el video es pausado. El mensaje "El video ha sido pausado" se muestra en la consola.
- 27Eventos de Multimedia ended descripcion: Ocurre cuando un video o audio ha terminado de reproducirse.muestra un mensaje en la consola cuando el video llega al final de la reproducción.
- 28Eventos del Portapapeles copy descripcion: Se dispara cuando el contenido es copiado al portapapeles.muestra un mensaje en la consola cuando el contenido del campo de texto con ID miInput es copiado.
- 29Eventos del Portapapeles cut descripcion: Ocurre cuando el contenido es cortado al portapapeles.muestra un mensaje en la consola cuando el contenido del campo de texto con ID miInput es cortado.
- 30Eventos del Portapapeles paste descripcion: Ocurre cuando se pega contenido desde el portapapeles.muestra un mensaje en la consola cuando se pega contenido en el campo de texto con ID miInput.
- 31Eventos de Focus focusin: descripcion: Ocurre cuando un elemento está a punto de recibir el foco, similar a focus.cuando el campo de texto con ID miInput está a punto de recibir el foco, se muestra un mensaje en la consola. A diferencia de focus, focusin permite la propagación del evento hacia los elementos padres.
- 32Eventos de Focus focusout descripcion: Similar a blur, pero ocurre antes de que el elemento pierda el foco.cuando el campo de texto con ID miInput está a punto de perder el foco, se muestra un mensaje en la consola. A diferencia de blur, el evento focusout se propaga, permitiendo a los elementos padres reaccionar.
- 33Eventos deTouch (Dispositivos Táctiles) touchstart descripcion: Ocurre cuando uno o más dedos tocan la pantalla.muestra en la consola cuántos dedos tocan la pantalla cuando comienza el toque en el área con ID touchArea.
- 34Eventos deTouch (Dispositivos Táctiles) touchmove descripcion: Ocurre cuando se mueve el dedo por la pantalla.cada vez que el dedo se mueve sobre la pantalla en el área touchArea, se muestran las coordenadas X e Y del primer dedo en la consola.
- 35Eventos deTouch (Dispositivos Táctiles) touchend descripcion: Ocurre cuando uno o más dedos se levantan de la pantalla.muestra un mensaje en la consola cuando el dedo se levanta de la pantalla en el área touchArea.
- 36Eventos de Ventana visibilitychange descripcion: Ocurre cuando la visibilidad de la página cambia (por ejemplo, cuando el usuario cambia a otra pestaña).se muestra un mensaje en la consola que indica si la página está visible o ha pasado a un estado oculto (como al cambiar de pestaña).
- 37Eventos de Ventana fullscreenchange: descripcion: Ocurre cuando se entra o se sale del modo de pantalla completa.detecta cuándo la página entra o sale del modo de pantalla completa, mostrando un mensaje en la consola en cada caso.
Información
- Descripción
- ENARM aplicaciones web orientada a servivios Fichas sobre EVENTOS EN JAVASCRIPT, creado por luis gerardo vergara arteaga el 28/10/2024.
- Creado por
- luis gerardo vergara arteaga
- Visitas
- 11
- Etiquetas
- Valoración