Flashcards
Sem título
Flashcards do conjunto (33)
- 1click: Se dispara cuando el usuario hace clic en un elemento Evento de ratonExplicación:
Cuando el usuario hace clic en el botón con el id="miBoton", el evento click se activa y ejecuta una función que muestra una alerta. - 2dblclick: Se dispara al hacer doble clic en un elemento Evento de ratonExplicación:
Este código escucha el evento dblclick en el elemento .
Si el usuario hace doble clic, aparece una alerta.
- 3mouseover: Se dispara cuando el puntero del ratón entra en el área de un elemento. Evento de ratonExplicación:
Cuando el usuario mueve el ratón sobre el div, el evento mouseover cambia su color de fondo a amarillo.
- 4mouseout Cuando el usuario mueve el ratón sobre el div, el evento mouseover cambia su color de fondo a amarillo. Evento de ratonExplicación:
En este ejemplo, cuando el ratón sale del área del div, su color de fondo vuelve a ser transparente.
- 5mousedown: Ocurre cuando se presiona un botón del ratón sobre un elemento. Evento de ratonExplicación:
El evento mousedown se dispara al presionar un botón del ratón sobre el botón, y muestra una alerta.
- 6mouseup: Ocurre cuando se suelta un botón del ratón sobre un elemento. Evento de ratonExplicación:
El evento mouseup se dispara cuando el usuario suelta el botón del ratón, y se muestra una alerta.
- 7mousemove: Se dispara cuando el ratón se mueve sobre un elemento. Evento de ratonExplicación:
El evento mouseup se activa cuando se suelta el botón del ratón sobre "miElemento" y se muestra un mensaje en la consola.
- 8mouseenter: Ocurre cuando el puntero entra en un elemento. Evento de ratonExplicación:
Este evento se activa cuando el puntero entra en "miElemento" y se muestra un mensaje en la consola.
- 9mouseleave: Se dispara cuando el puntero sale de un elemento. Evento de ratonExplicación:
Este evento se activa cuando el puntero sale de "miElemento" y muestra un mensaje en la consola.
- 10contextmenu: Descripción: Ocurre cuando se intenta abrir el menú contextual (botón derecho del ratón). Evento de ratonExplicación:
Este código previene la apertura del menú contextual sobre "miElemento" y muestra una alerta cuando se intenta abrirlo.
- 11keydown: Descripción: Se dispara cuando una tecla es presionada hacia abajo. Evento de tecladoExplicación:
En este ejemplo, se escucha el evento keydown en el documento. Cuando el usuario presiona una tecla, se ejecuta la función y muestra en la consola el valor de la tecla presionada (event.key).
- 12keyup: Se dispara cuando una tecla es soltada. Evento de tecladoExplicación:
Aquí se escucha el evento keyup en el documento. Al soltar una tecla, se ejecuta la función y muestra en la consola el valor de la tecla liberada (event.key).
- 13keypress: Se dispara cuando una tecla que produce un valor de carácter es presionada. Evento de tecladoExplicación:
Este evento es similar a keydown, pero solo se dispara para teclas que producen un valor de carácter, como letras o números (no se activa, por ejemplo, con teclas de función).
En el ejemplo, se escucha keypress en el documento y se muestra la tecla que se ha presionado si es un carácter.
- 14submit: Se dispara cuando un formulario es enviado. Evento de formulario.Explicación:
Este código captura el evento submit en un formulario.
Cuando se envía el formulario, se previene el comportamiento por defecto (evitar que se recargue la página) y se imprime en consola el mensaje "Formulario enviado".
- 15input: Descripción: Ocurre cuando el valor de un campo de formulario cambia. Evento de formulario.Explicación:
Aquí, cada vez que el usuario escribe algo en el campo de texto, el evento input se dispara y muestra el valor actual en la consola.
- 16focus: Ocurre cuando un campo de texto recibe el foco. Evento de formulario.Explicación:
Cuando el usuario hace clic en el campo de texto y este recibe el foco, el evento focus se dispara y muestra un mensaje en la consola.
- 17blur: Ocurre cuando un campo de texto pierde el foco. Categoría: Evento de interacción Evento de formulario.Explicación:
Cuando el usuario hace clic fuera del campo de texto o cambia de elemento, el evento blur se dispara, y se muestra un mensaje en la consola indicando que el campo ha perdido el foco.
- 18change: Se dispara cuando el valor de un elemento cambia y el foco se pierde. Evento de formulario.Explicación:
Este código detecta cuando el usuario modifica el valor del campo de texto y cambia a otro elemento. En ese momento, el evento change se dispara y muestra el nuevo valor en la consola.
- 19reset: Ocurre cuando un formulario es reseteado. Evento de formulario.Explicación:
En este ejemplo, cuando el usuario hace clic en el botón de "Restablecer" del formulario, el evento reset se dispara y muestra un mensaje en la consola indicando que el formulario ha sido restablecido.
- 20DOMContentLoaded: Este evento se dispara cuando el documento HTML ha sido completamente cargado Eventos ComunesExplicación:
Aquí, se utiliza addEventListener para escuchar el evento DOMContentLoaded. Cuando el documento HTML ha terminado de cargar, se ejecuta la función que muestra el mensaje en la consola.
- 21load: Este evento ocurre cuando toda la página ha sido completamente cargada Eventos Comunes.Explicación:
En este caso, el evento load se asocia con el objeto window, indicando que todo el contenido de la página está disponible. Cuando se dispara, imprime un mensaje en la consola.
- 22resize: Este evento se dispara cada vez que la ventana del navegador cambia de tamaño. Eventos comunesExplicación:
Aquí, el evento resize se escucha en el objeto window. Cada vez que se redimensiona la ventana, se ejecuta la función, mostrando un mensaje en la consola.
- 23scroll: Este evento ocurre cuando se desplaza la barra de desplazamiento, ya sea en la página o en un elemento específico. Eventos comunesExplicación:
El evento scroll se asocia aquí con el objeto window. Cuando el usuario desplaza la página, la función de callback se activa, imprimiendo un mensaje en la consola.
- 24dragstart: Se dispara cuando se inicia el arrastre de un elemento. Eventos de Drag & Drop.Explicación: Este código selecciona el elemento con id="draggable" y le añade el evento dragstart. Al iniciar el arrastre, el evento dragstart almacena el ID del elemento en dataTransfer para poder utilizarlo al soltarlo en otro lugar. Además, imprime en consola "Arrastre iniciado".
- 25dragover: Se dispara cuando un elemento arrastrado está sobre un objetivo de soltado. Eventos de Drag & Drop.Explicación: Este código selecciona el elemento con id="dropzone" y le añade el evento dragover.
Al arrastrar un elemento sobre la zona de soltado, se llama a event.preventDefault() para permitir que el elemento pueda soltarse en esta zona. Esto evita el comportamiento predeterminado que podría bloquear el soltado.
- 26drop: Ocurre cuando el elemento arrastrado se suelta en un objetivo de soltado. Eventos de Drag & Drop.Explicación: Este código añade el evento drop a la zona de soltado.
Al soltar el elemento, se extrae el ID del elemento arrastrado de dataTransfer y se usa para obtener el elemento arrastrado
. Luego, appendChild lo mueve dentro de la zona de soltado. event.preventDefault() asegura que la acción de soltado se complete correctamente.
- 27dragend: Ocurre cuando se termina de arrastrar un elemento, sin importar si se soltó en un objetivo o no. Eventos de Drag & Drop.Explicación:
Este código añade el evento dragend al elemento arrastrable.
Cuando el usuario finaliza el arrastre, ya sea soltándolo en una zona de soltado o no, el evento dragend se dispara e imprime "Arrastre finalizado" en la consola.
- 28play: Este evento ocurre cuando se inicia la reproducción de un elemento de video o audio. Evento de multimediaExplicación:
En este ejemplo, el evento play se escucha en el elemento de audio miAudio. Cuando el usuario hace clic en el botón de reproducción, se ejecuta la función de callback, que imprime el mensaje "El audio ha comenzado a reproducirse" en la consola.
- 29pause: Este evento ocurre cuando se pausa la reproducción de un elemento de video o audio. Categoría: Eventos de reproducción. Evento multimediaExplicación:
En este caso, pause se escucha en el elemento de video miVideo. Si el usuario pausa el video, la función de callback imprime "El video ha sido pausado" en la consola.
- 30ended: Este evento ocurre cuando la reproducción de un video o audio ha finalizado. Evento multimediaExplicación:
El evento ended se escucha en miAudio, y cuando el audio termina de reproducirse, la función callback imprime "La reproducción del audio ha terminado" en la consola.
- 31copy: Se dispara cuando el usuario copia contenido al portapapeles. Evento de portapapelesExplicación:
En este ejemplo, se escucha el evento copy a nivel de documento. Cuando el usuario copia cualquier texto, se registra en la consola el mensaje "Texto copiado al portapapeles.".
- 32cut: Se dispara cuando el usuario corta contenido al portapapeles. Evento de portapapeles.Explicación:
Aquí, se escucha el evento cut. Cuando el usuario corta cualquier contenido, se registra el mensaje "Texto cortado al portapapeles." en la consola.
- 33paste: Se dispara cuando el usuario pega contenido desde el portapapeles. Evento de portapapeles.Explicación:
Este ejemplo escucha el evento paste en un elemento . Cuando el usuario pega texto en este campo, se registra en la consola el mensaje "Contenido pegado desde el portapapeles."
Informações
- Descrição
- Desarrollo de Aplicaciones orientada a objetos FlashCards sobre Sem título, criado por Chema Cano em 28-10-2024.
- Criado por
- Chema Cano
- Visualizações
- 10
- Avaliação