Flashcards
EventosEnJS
Cards in this deck (39)
- 1click Tipo de evento: Ratón Se dispara cuando el usuario hace clic en un elemento.En este ejemplo se crea un botón y a la hora de hacer clic se activa una alerta que dice " Hiciste clic en el botón"
- 2dblclick Tipo de evento: Ratón Se dispara al hacer doble clic en un elemento.En este ejemplo se crea un botón al cual al hacerle doble clic te muestra una alerta que dice "Hiciste doble clic"
- 3mouseover Tipo de evento: Ratón Se dispara cuando el puntero del ratón entra en el área de un elemento.En este ejemplo se crea un div en el cual al pasar el puntero te muestra un mensaje que dice "El ratón está sobre el área"
- 4mouseout Tipo de evento: Ratón Se dispara cuando el puntero del ratón sale del área de un elemento.En este ejemplo se crea una div y un script el cual checa si el puntero se ha salido del div, en caso de ser correcto se muestra una alerta.
- 5mousedown Tipo de evento: Ratón Ocurre cuando se presiona un botón del ratón sobre un elemento.En este ejemplo se crea un botón y al hacer clic se muestra una alerta que dice "Botón presionado"
- 6mouseup Tipo de evento: Ratón Ocurre cuando se suelta un botón del ratón sobre un elemento.En este ejemplo se crea un botón y al soltar el botón se crea una alerta que dice "Botón del ratón soltado"
- 7mousemove Tipo de evento: Ratón Se dispara continuamente mientras el ratón se mueve sobre un elemento.En este ejemplo se crea un div y al pasar el puntero sobre el área se activa una alerta que dice "Moviendo el ratón sobre el área"
- 8contextmenu Tipo de evento: Ratón Ocurre cuando se hace clic derecho para abrir el menú contextual.En este ejemplo se crea un div en el cual al hacer clic derecho se desactiva en menú por default y se activa una alerta.
- 9keydown Tipo de evento: Teclado Ocurre cuando se presiona una tecla.Este evento se activa al presionar una tecla, en este ejemplo al escribir sobre un input se muestra en la consola la tecla presionada.
- 10keyup Tipo de evento: Teclado Ocurre cuando se suelta una tecla.En este ejemplo al escribir sobre un input y soltar la tecla se muestra un mensaje en la consola con la tecla soltada.
- 11keypress Tipo de evento: Teclado Ocurre cuando se presiona una tecla, pero está en desuso en favor de keydown.NOTA: Ya no se ocupa
- 12submit Tipo de evento: Formulario Se dispara cuando un formulario es enviado.En esta ejemplo al dar clic sobre el boton de envio de formulario, se muestra un mensaje que dice "Formulario enviado"
- 13input Tipo de evento: Formulario Ocurre cuando un valor es cambiado en un campo de formulario.En este ejemplo se muestra el valor ingresado en un input en la consola.
- 14focus Tipo de evento: Formulario Ocurre cuando un elemento (campo de texto) recibe el foco.En este ejemplo cuándo el input con el id="compoFocus " recibe el foco se enviara un mensaje en consola.
- 15blur Tipo de evento: Formulario Ocurre cuando un elemento pierde el foco.En este ejemplo cuando un input pierde el foco se envia un mensaje en la consola.
- 16change Tipo de evento: Formulario Se dispara cuando cambia el valor de un elemento y se pierde el foco.En este ejemplo cuando el input cambia de valor y pierde el foco ahora se imprimirá el nuevo valor en la consola.
- 17reset Tipo de evento: Formulario Ocurre cuando un formulario es reseteado.para este caso se crea un nuevo botón de reset para que se eliminen todos los elemento de un formulario.
- 18DOMContentLoaded Tipo de evento: Comunes Ocurre cuando el HTML ha sido completamente cargado.En este ejemplo se envía un mensaje a la consola solo si todo el html a sido cargado.
- 19load Tipo de evento: Comunes Ocurre cuando la página completa (imágenes, scripts, etc.) ha cargado.En este ejemplo el evento se activa si todos lo elementos han sido cargados.
- 20resize Tipo de evento: Comunes Ocurre cuando la ventana del navegador cambia de tamaño.Este es un ejemplo donde al cambiar de tamaño la ventana se muestra un mensaje de "La ventana cambio de tamaño "
- 21scroll Tipo de evento: Comunes Ocurre cuando se desplaza la barra de scroll en la página o en un elemento con scroll.En este ejemplo se hace directamente sobre la ventana y cuando se mueva el scroll aparecerá un mensaje
- 22dragstart Tipo de evento: Drag & Drop Se dispara cuando se inicia el arrastre de un elemento.En este ejemplo se crea un div y al arrastrarse se mostrara un mensaje
- 23dragover Tipo de evento: Drag & Drop Se dispara cuando un elemento arrastrado está sobre un objetivo de soltado.En este ejemplo el evento se activa cuando un elemento se encuentra sobre la zona de arrastre
- 24drop Tipo de evento: Drag & Drop Ocurre cuando el elemento arrastrado se suelta en un objetivo de soltado.Siguiendo con el ejemplo de dragover se activa un mensaje cuando se suelte el elemento
- 25dragend Tipo de evento: Drag & Drop Ocurre cuando se termina de arrastrar un elemento.Este ultimo evento se activa cuando el arrastre se termina
- 26play Tipo de evento: Multimedia Ocurre cuando se empieza a reproducir un video o audio.En el siguiente ejemplo al dar play en el evento se envía un mensaje en consola
- 27pause Tipo de evento: Multimedia Ocurre cuando se pausa un video o audio.En este ejemplo se muestra un mensaje en la consola si se pausa un video.
- 28ended Tipo de evento: Multimedia Ocurre cuando un video o audio ha terminado de reproducirse.Este evento se activa se el video se termina, enviando un mensaje a la consola
- 29copy Tipo de evento: Portapapeles Se dispara cuando el contenido es copiado al portapapeles.Este evento se activa si se copia algo en el portapapeles.
- 30cut Tipo de evento: Portapapeles Ocurre cuando el contenido es cortado al portapapeles.En este ejemplo se envía un mensaje si se ha cortado algo en el portapapeles.
- 31paste Tipo de evento: Portapapeles Ocurre cuando se pega contenido desde el portapapeles.En este ejemplo se activa el evento si se pega un elemento del portapapeles .
- 32focusin Tipo de evento: Focus Ocurre cuando un elemento está a punto de recibir el foco, similar a focus.En este ejemplo se envía un mensaje cuando se recibe el foco.
- 33focusout Tipo de evento: Focus Similar a blur, pero ocurre antes de que el elemento pierda el foco.En este ejemplo se envia un mensaje si se pierde el foco,
- 34touchstart Tipo de evento: Touch (Dispositivos táctiles) Ocurre cuando uno o más dedos tocan la pantallaEste evento se activa si se toca la pantalla y se envía un mensaje a la consola.
- 35touchmove Tipo de evento: Touch (Dispositivos táctiles) Ocurre cuando se mueve el dedo por la pantallaEn este ejemplo al mover tu dedo por la pantalla se muestra un mensaje en consola
- 36touchend Tipo de evento: Touch (Dispositivos táctiles) Ocurre cuando uno o más dedos se levantan de la pantalla9.3
- 37visibilitychange Tipo de evento: Ventana Ocurre cuando la visibilidad de la página cambia.Este evento manda un mensaje si cambiamos de ventana.
- 38fullscreenchange Tipo de evento: Ventana Ocurre cuando se entra o se sale del modo de pantalla completa.Este vento se activa cuando no esta en pantalla completa.
- 39online/offline Tipo de evento: Ventana Ocurre cuando el navegador detecta un cambio en el estado de conexión a internetEn esta ejemplo se detecta si tienes internet o no y muestra un mensaje en consola.
Information
- Description
- Aqui se muestran 30 fichas tecnicas sobre Eventos en JavaScript
- Created by
- JOSE MANUEL TLACUAPA CASTA�EDA
- Views
- 15
- Tags
- Rating