Scribd
Cargar
12 vistas5 páginas

Eventos JS

Cargado por

Luis Aguilar
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
12 vistas5 páginas

Eventos JS

Cargado por

Luis Aguilar
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 5

EVENTOS JAVASCRIPT: addEventListener

El método addEventlistener, es un escuchador que indica al navegador que esté atento


a la interacción del usuario. La ventaja es que se escribe totalmente en el JS, sin
necesidad de tocar el HTML.

Sintaxis: target.addEventListener('tipo de evento',función_a_lanzar, booleano);

Target: Es el elemento que se escucha generalmente se identifica por su ID.

Tipo Evento:

• blur Cuando el elemento pierde el foco.


• click El usuario hace clic sobre el elemento.
• dblclick El usuario hace doble clic sobre el elemento.
• focus El elemento gana el foco.
• keydown El usuario presiona una tecla.
• keypress El usuario presiona una tecla y la mantiene pulsada.
• keyup El usuario libera la tecla.
• load El documento termina su carga.
• mousedown El usuario presiona el botón del ratón en un elemento.
• mousemove El usuario mueve el puntero del ratón sobre un elemento.
• mouseout El usuario mueve el puntero fuera de un elemento.
• mouseover El usuario mantiene el puntero sobre un elemento.
• mouseup El usuario libera el botón pulsado del ratón sobre un elemento.
• unload El documento se descarga, bien porque se cierra la ventana, bien porque
se navega a otra página.

Función que se ejecuta cuando se escucha el evento.

El booleano, es opcional, es un valor que define el orden del flujo de los eventos, cuando
hay varios eventos posibles.

Ejemplo
Ejemplos
1. Implementar un formulario web que permita incrementar un contador y mostrarlo en el
documento.
Código HTML – CSS

Código Javascript
Resultado

2. Implementar un formulario web que indique si un numero es primo o no


Código HTML – CSS
Código Javascript

Resultado
Tarea
1. Desarrollar un formulario web que permita ingresar 2 números, se debe de calcular la suma de
los números.
2. Desarrollar un formulario web que permita ingresar producto, precio y cantidad de un producto,
se deberá de calcular el costo a pagar.
3. Desarrollar un formulario web que permita ingresar datos de los estudiantes (Código, Nombres y
Curso), ingresar 3 notas, se debe de mostrar su promedio y su estado (Aprobado, desaprobado)
4. Desarrollar un formulario web de seguridad que permita ingresar nombre y clave del usuario, si
los datos son correctos deberá de mostrar un mensaje de Usuario correcto, caso contrario se
mostrara Usuario incorrecto.
5. Desarrollar un ejemplo donde se aplique por lo menos 4 eventos en javascript

También podría gustarte