GoConqr has a new look! Let us know what you think.

Sign up free

Flashcards

Eventos en js

YURITZI REYES REYES GONZALEZ English 30 cards

Eventos en js

Cards in this deck (30)

  1. 1Click Evento de Ratón. Se dispara cuando el usuario hacer clic en un elemento.Se utiliza el método getElementById para seleccionar el botón y el método addEventListener para escuchar el evento click.
    La función asociada al evento utiliza document.write() para mostrar un mensaje.    Click Evento de Ratón. Se dispara cuando el usuario hacer clic en un elemento.
  2. 2dbclick Evento del Raton. Se dispara al hacer doble clic en un elemento.Se utiliza el método getElementById para seleccionar el párrafo y addEventListener para manejar el evento dblclick.dbclick Evento del Raton. Se dispara al hacer doble clic en un elemento.
  3. 3Mouseover Evento del Raton. Se dispara cuando el puntero del ratón entra en el área de un elemento.Se utiliza getElementById para seleccionar el div y addEventListener para manejar los eventos mouseover y mouseout.Mouseover Evento del Raton. Se dispara cuando el puntero del ratón entra en el área de un elemento.
  4. 4Mouseout Evento del Raton. Se dispara cuando el puntero del ratón sale del área de un elemento.Se muestra cómo detectar cuando el cursor del mouse entra y sale de un botónMouseout Evento del Raton. Se dispara cuando el puntero del ratón sale del área de un elemento.
  5. 5Mousedown Evento del Raton. Ocurre cuando se presiona un botón del ratón sobre un elemento.Se añade un evento mousedown que se ejecuta cuando el usuario presiona el botón del mouse sobre el botón. En este caso, cambia el texto del botón a "¡Botón presionado!".Mousedown Evento del Raton. Ocurre cuando se presiona un botón del ratón sobre un elemento.
  6. 6Mouseup Evento del Raton. Ocurre cuando se suelta un botón del ratón sobre un elemento.Se activa cuando el botón del mouse es presionado, cambiando el texto a "¡Botón presionado!"Mouseup Evento del Raton. Ocurre cuando se suelta un botón del ratón sobre un elemento.
  7. 7Mousemove Evento del Raton. Se dispara continuamente mientras el ratón se mueve sobre un elemento.Dentro del manejador del evento, se calcula la posición del mouse en relación con el área utilizando event.clientX y event.clientY.Mousemove Evento del Raton. Se dispara continuamente mientras el ratón se mueve sobre un elemento.
  8. 8contextmenu Evento del Raton. Ocurre cuando se hace clic derecho para abrir el menú contextual.Permitiendo que se realicen acciones personalizadas en lugar de mostrar el menú contextual predeterminado del navegadorcontextmenu Evento del Raton. Ocurre cuando se hace clic derecho para abrir el menú contextual.
  9. 9Submit Evento de Formulario. Se dispara cuando un formulario es enviado.Se utiliza event.preventDefault() para evitar el comportamiento predeterminado de envío del formulario (lo que normalmente recargaría la página).Submit Evento de Formulario. Se dispara cuando un formulario es enviado.
  10. 10Input Evento de Formulario. Ocurre cuando un valor es cambiado en un campo de formulario.Se actualiza el contenido del párrafo para mostrar el texto actual del campo de entrada, utilizando inputNombre.value.Input Evento de Formulario. Ocurre cuando un valor es cambiado en un campo de formulario.
  11. 11Focus Evento de Formulario. Ocurre cuando un elemento (campo de texto) recibe el foco.Se activa cuando el usuario hace clic en él o navega hacia él.Focus Evento de Formulario. Ocurre cuando un elemento (campo de texto) recibe el foco.
  12. 12Blur Evento de Formulario. Ocurre cuando un elemento pierde el foco.Cuando el usuario hace clic fuera del campo de entrada, se valida si está vacío y se proporciona retroalimentación al usuario.Blur Evento de Formulario. Ocurre cuando un elemento pierde el foco.
  13. 13Change Evento de Formulario. Se dispara cuando cambia el valor de un elemento y se pierde el foco.Si hay un valor, se muestra un mensaje que indica cuál opción fue seleccionada.Change Evento de Formulario. Se dispara cuando cambia el valor de un elemento y se pierde el foco.
  14. 14Reset Evento de Formulario. Ocurre cuando un formulario es reseteado.Cuando el usuario hace clic en el botón de restablecimiento, el formulario se limpia y se muestra un mensaje indicando que ha sido restablecido.Reset Evento de Formulario. Ocurre cuando un formulario es reseteado.
  15. 15Dragstart Eventos de Drag y Drop. Se dispara cuando se inicia el arrastre de un elemento.Se dispara cuando se inicia el arrastre de un elemento.Dragstart Eventos de Drag y Drop. Se dispara cuando se inicia el arrastre de un elemento.
  16. 16Dragover Evento de Drag y Drop. Se dispara cuando un elemento arrastrado está sobre un objetivo de soltado.Evita el comportamiento predeterminado y cambia el color del borde al arrastrar un archivo y restablece el color del borde al salir del área.Dragover Evento de Drag y Drop. Se dispara cuando un elemento arrastrado está sobre un objetivo de soltado.
  17. 17Drop Evento de Drag y Drop. Ocurre cuando el elemento arrastrado se suelta en un objetivo de soltado.También prevenimos el comportamiento por defecto y obtenemos los archivos soltados a través de event.dataTransfer.files.Drop Evento de Drag y Drop. Ocurre cuando el elemento arrastrado se suelta en un objetivo de soltado.
  18. 18Dragend Evento de Drag y Drop. Ocurre cuando se termina de arrastrar un elemento.Se dispara cuando el usuario suelta el elemento arrastrado.Dragend Evento de Drag y Drop. Ocurre cuando se termina de arrastrar un elemento.
  19. 19Play Eventos de Multimedia. Ocurre cuando se empieza a reproducir un video o audio.Este evento se activa cuando el video comienza a reproducirse. Al activarse, se actualiza un div con un mensaje que indica que el video está en reproducción.Play Eventos de Multimedia. Ocurre cuando se empieza a reproducir un video o audio.
  20. 20Pause Eventos de Multimedia. Ocurre cuando se pausa un video o audio.Cuando ocurre este evento, se actualiza un div con un mensaje que indica que el video está pausado.Pause Eventos de Multimedia. Ocurre cuando se pausa un video o audio.
  21. 21Ended Evento de Multimedia. Ocurre cuando un video o audio ha terminado de reproducirse.Cuando ocurre este evento, se actualiza un div con un mensaje que indica que el video ha terminado.Ended Evento de Multimedia. Ocurre cuando un video o audio ha terminado de reproducirse.
  22. 22Copy Evento de Portapapeles. Se dispara cuando el contenido es copiado al portapapeles.Cuando ocurre este evento, se actualiza el div de mensaje para indicar que el texto ha sido copiado.Copy Evento de Portapapeles. Se dispara cuando el contenido es copiado al portapapeles.
  23. 23Cut Evento de Portapapeles. Ocurre cuando el contenido es cortado al portapapeles.Cuando ocurre este evento, se actualiza el div de mensaje para indicar que el texto ha sido cortado y copiado al portapapeles.Cut Evento de Portapapeles. Ocurre cuando el contenido es cortado al portapapeles.
  24. 24Paste Evento de Portapapeles. Ocurre cuando se pega contenido desde el portapapeles.Cuando ocurre este evento, se obtiene el texto del portapapeles mediante event.clipboardData.getData('text') y se actualiza el div de mensaje para indicar qué texto se ha pegado.Paste Evento de Portapapeles. Ocurre cuando se pega contenido desde el portapapeles.
  25. 25Focusin Evento de Focus. Ocurre cuando un elemento está a punto de recibir el foco, similar a focus.Se actualiza el div de mensaje para indicar que el campo ha recibido el foco.Focusin Evento de Focus. Ocurre cuando un elemento está a punto de recibir el foco, similar a focus.
  26. 26Focusout Evento de Focus. Similar a blur, pero ocurre antes de que el elemento pierda el foco.Se actualiza el div de mensaje para indicar que el campo ha perdido el foco.Focusout Evento de Focus. Similar a blur, pero ocurre antes de que el elemento pierda el foco.
  27. 27Touchstart Evento de Touch (Dispositivos táctiles). Ocurre cuando uno o más dedos tocan la pantalla.Se actualiza el div de mensaje para indicar que el área ha sido tocada.Touchstart Evento de Touch (Dispositivos táctiles). Ocurre cuando uno o más dedos tocan la pantalla.
  28. 28Touchmove Evento de Touch (Dispositivos táctiles). Ocurre cuando se mueve el dedo por la pantalla.Se actualiza el div de mensaje para mostrar las coordenadas del dedo en la pantalla.Touchmove Evento de Touch (Dispositivos táctiles). Ocurre cuando se mueve el dedo por la pantalla.
  29. 29Touchend Evento de Touch (Dispositivos táctiles). Ocurre cuando uno o más dedos se levantan de la pantalla.Se actualiza el div de mensaje para indicar que el dedo ha sido levantado del área.Touchend Evento de Touch (Dispositivos táctiles). Ocurre cuando uno o más dedos se levantan de la pantalla.
  30. 30Keydown Evento de Teclado. Ocurre cuando se presiona una tecla.Se actualiza el div de mensaje para mostrar cuál tecla fue presionada utilizando event.key, que proporciona el valor de la tecla.Keydown Evento de Teclado. Ocurre cuando se presiona una tecla.

Information

Description
Flashcards on Eventos en js, created by YURITZI REYES REYES GONZALEZ on 25/10/2024.
Created by
YURITZI REYES REYES GONZALEZ · Oct 2024
Updated
Oct 29, 2024
Views
3
Rating

Feedback

What is it about?

What do you think of the new look?

How do you like it?