Enu_Eventos(II)

Transcripción

Enu_Eventos(II)
SOLUCIONES ADDEVENTLISTENER
Eventos: click y dblclick
Crearemos una página que muestre dos div y definiremos el evento click para el primero y el evento
dblclick para el segundo. Lanzar un alert en las dos funciones
Eventos: click y dblclick
Realizar un programa que muestre en un div el número 2. Cada vez que se hace doble clic sobre el
mismo duplicar el valor contenido en el div.
Eventos: mousedown y mouseup
Elaborar un programa que muestre un div de color rojo. Cuando se presione cambiar el color a
amarillo y luego de soltar el botón del mouse volver a pintar de rojo.
Eventos: mouseover y mouseout
Implementaremos un pequeño ejemplo que muestre un cuadrado, el mismo mostrará los bordes
redondeados cuando ingresemos la flecha del mouse en su interior y volverá al estado anterior
cuando retiremos la flecha.
Eventos: mouseover y mouseout
Mostrar un elemento de tipo H1, luego cuando se ingrese con el mouse dentro del mismo cambiar el
color a letra roja y color de fondo amarillo, luego cuando se mueva la flecha del mouse fuera del
elemento volver al color original.
Evento: mousemove
Crearemos una página que muestre un div que capture el evento mousemove y como acción
incrementaremos un contador para saber la cantidad de veces que se disparó el evento.
Evento:keyup
Crear un área de texto que ha medida que se escriba en el se muestre un en un cuadro de texto la
cantidad de caracteres disponibles para seguir escribiendo.
Evento: change
Crear un formulario que muestre un checkbox que cuando se chequee active un botón (el checkbox
debe mostrar un mensaje que diga : "Confirma los términos y condiciones?")
Eventos: focus y blur
Crear un formulario con dos controles de texto . El control que tiene el foco mostralo de color rojo y
el que no está de negro.
1

Documentos relacionados