¡GoConqr estrena diseño! Cuéntanos qué te parece.

Fichas

Eventos en Js

IRVING GIOVANNY AMADOR HERNANDEZ Inglés 38 fichas

Eventos en Js

Fichas del conjunto (38)

  1. 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.Son acciones o sucesos que ocurren en el navegador, como clics, teclas presionadas o carga de la página. Permiten ejecutar código en resp...
  2. 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.Eventos de Ratón
  3. 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!".Evento: Clic ----------------------- Descripción: Ocurre cuando el usuario hace clic en un elemento.
  4. 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".Evento: dblclick ---------------------- Descripción: Ocurre al hacer doble clic en un elemento.
  5. 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.Evento: mouseover ---------------------- Descripción: Se dispara cuando el puntero del ratón entra en el área de un elemento.
  6. 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.Evento: mouseout ---------------------- Descripción: Se dispara cuando el puntero del ratón sale del área de un elemento.
  7. 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.Evento: mousedown ---------------------- Descripción: Ocurre cuando se presiona un botón del ratón sobre un elemento
  8. 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.Evento: mouseup ---------------------- Descripción: Ocurre cuando se suelta un botón del ratón sobre un elemento.
  9. 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.Evento: mousemove ---------------------- Descripción: Se dispara mientras el ratón se mueve sobre un elemento.
  10. 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.Evento: contextmenu ---------------------- Descripción: Ocurre al hacer clic derecho para abrir el menú contextual.
  11. 11Eventos de tecladoSon eventos que se activan cuando el usuario interactúa con el teclado.
    :)
    Eventos de teclado
  12. 12Evento: keydown ---------------------- Descripción: Ocurre cuando se presiona una tecla.Se registra la tecla presionada en la consola.Evento: keydown ---------------------- Descripción: Ocurre cuando se presiona una tecla.
  13. 13Evento: keyup ---------------------- Descripción: Ocurre cuando se suelta una tecla.Se muestra la tecla liberada en la consola.Evento: keyup ---------------------- Descripción: Ocurre cuando se suelta una tecla.
  14. 14Eventos de FormularioLos Eventos de Formulario en JavaScript son mecanismos para detectar y responder a acciones en formulariosEventos de Formulario
  15. 15Evento: submit ---------------------- Descripción: Ocurre al enviar un formulario.El formulario se envía, y se muestra una alerta sin recargar la página.Evento: submit ---------------------- Descripción: Ocurre al enviar un formulario.
  16. 16Evento: input ---------------------- Descripción: Ocurre cuando el valor de un campo cambiaSe muestra el nuevo valor en consola al cambiar el contenido del campo.Evento: input ---------------------- Descripción: Ocurre cuando el valor de un campo cambia
  17. 17Evento: focus ---------------------- Descripción: Ocurre cuando un campo de texto recibe el foco.Se muestra un mensaje cuando el campo recibe el foco.Evento: focus ---------------------- Descripción: Ocurre cuando un campo de texto recibe el foco.
  18. 18Evento: blur ---------------------- Descripción: Ocurre cuando un campo de texto pierde el foco.Se muestra un mensaje cuando el campo pierde el foco.Evento: blur ---------------------- Descripción: Ocurre cuando un campo de texto pierde el foco.
  19. 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.Evento: change ---------------------- Descripción: Ocurre cuando el valor de un campo cambia y se pierde el foco.
  20. 20Evento: reset ---------------------- Descripción: Ocurre cuando un formulario es reseteado.Se muestra una alerta cuando el formulario es reseteado.Evento: reset ---------------------- Descripción: Ocurre cuando un formulario es reseteado.
  21. 21Eventos comunesContienen todas las situaciones o cosas destacables que el propio navegador te va a informar.Eventos comunes
  22. 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.Evento: DOMContentLoaded ---------------------- Descripción: Ocurre cuando el HTML ha sido completamente cargado, sin esperar a las imáge...
  23. 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.Evento: load ---------------------- Descripción y categoría: Ocurre cuando la página completa, incluidos todos los recursos, ha cargado.
  24. 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.Evento: resize ---------------------- Descripción: Ocurre cuando la ventana del navegador cambia de tamaño.
  25. 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.Evento: scroll ---------------------- Descripción: Ocurre cuando se desplaza la barra de scroll en la página o en un elemento con scroll.
  26. 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.Eventos de Drag & Drop
  27. 27Evento: dragstart ---------------------- Descripción: Ocurre cuando se inicia el arrastre de un elementoRegistra un mensaje en consola cuando se comienza a arrastrar el elemento.Evento: dragstart ---------------------- Descripción: Ocurre cuando se inicia el arrastre de un elemento
  28. 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.Evento: dragover ---------------------- Descripción: Ocurre cuando un elemento arrastrado está sobre un objetivo de soltado.
  29. 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.Evento: drop ---------------------- Descripción: Ocurre cuando el elemento arrastrado se suelta en un objetivo de soltado.
  30. 30Evento: dragend ---------------------- Descripción: Ocurre cuando se termina de arrastrar un elemento.Registra un mensaje en consola cuando se completa el arrastre del elemento.Evento: dragend ---------------------- Descripción: Ocurre cuando se termina de arrastrar un elemento.
  31. 31Eventos MultimediaSon acciones que detectan cambios o interacciones con elementos multimedia (como videos, audio e imágenes)
  32. 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.Evento: play ---------------------- Descripción: Ocurre cuando se empieza a reproducir un video o audio.
  33. 33Evento: pause ---------------------- Descripción : Ocurre cuando se pausa un video o audio.Registra un mensaje en consola cuando el video o audio se pausa.Evento: pause ---------------------- Descripción : Ocurre cuando se pausa un video o audio.
  34. 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.Evento: ended ---------------------- Descripción: Ocurre cuando un video o audio ha terminado de reproducirse.
  35. 35Eventos del PortapapelesDetectan acciones relacionadas con copiar, cortar y pegar contenido.
  36. 36Evento: copy ---------------------- Descripción: Se dispara cuando el contenido es copiado al portapapeles.Registra un mensaje en consola cuando se copia el contenido.Evento: copy ---------------------- Descripción: Se dispara cuando el contenido es copiado al portapapeles.
  37. 37Evento: cut ---------------------- Descripción: Ocurre cuando el contenido es cortado al portapapeles.Registra un mensaje en consola cuando se corta el contenido.Evento: cut ---------------------- Descripción: Ocurre cuando el contenido es cortado al portapapeles.
  38. 38Evento: paste ---------------------- Descripción: Ocurre cuando se pega contenido desde el portapapeles.Registra un mensaje en consola cuando se pega el contenido.Evento: paste ---------------------- Descripción: Ocurre cuando se pega contenido desde el portapapeles.

Información

Descripción
eventos de Js
Visitas
27
Valoración

Escríbenos

¿Sobre qué es tu mensaje?

¿Qué te parece el nuevo diseño?

¿Te gusta?