14-Eventos en Javascript

Eventos são ações ou ocorrências que acontecem no sistema que estamos desenvolvendo, como por ejemplo un clic

cuando se usa javascript en paginas html, javascript puede reacionar en estos eventos

hay muchos tipos de eventos, como por ejemplo cuando:

• Una página web HTML ha terminado de cargarse
• El usuario presiona una tecla
• Se cambió un campo de entrada HTML
• Se hizo clic en un botón HTML
• Se envio un formulario
• Un video siendo reproducido

HTML permite que los atributos del controlador de eventos, con código JavaScript , se agreguen a los elementos HTML.

Con comillas simples

<element event=<element event='Mas sobre javascript'>

...

Con comillas dobles

<element event="Mas sobre javascript">

El atributo onclick se anade a un button

<button onclick="document.getElementById('demo').innerHTML = Date()">The time is?</button>

En el ejemplo anterior, el código JavaScript cambia el contenido de el elemento con id="demo".

En el siguiente ejemplo, el código cambia el contenido de su propio elemento (usando this.innerHTML):

<button onclick="this.innerHTML = Date()">The time is?</button>

El código JavaScript suele tener varias líneas. Es más común ver atributos de eventos llamando a funciones:

<button onclick="displayDate()">The time is?</button> 

---

Eventos comunes de HTML

Evento	Description
onchange	Se ha cambiado un elemento HTML
onclick	El usuario hace clic en un elemento HTML
onmouseover	El usuario mueve el mouse sobre un elemento HTML
onmouseout	El usuario aleja el mouse de un elemento HTML
onkeydown	El usuario presiona una tecla del teclado
onload	El navegador ha terminado de cargar la página.

---

Controladores de eventos de JavaScript

Los controladores de eventos se pueden usar para manejar y verificar la entrada del usuario, las acciones del usuario, y acciones del navegador:

• Cosas que se deben hacer cada vez que se carga una página
• Cosas que se deben hacer cuando la página está cerrada
• Acción que se debe realizar cuando un usuario hace clic en un botón
• Contenido que debe verificarse cuando un usuario ingresa datos
• Y más ..

---

En javascript se puede, usar para manejar, verificar entrada del usuario

Se pueden usar muchos métodos diferentes para permitir que JavaScript funcione con eventos:

• Los atributos de eventos HTML pueden ejecutar código JavaScript directamente
• Los atributos de eventos HTML pueden llamar a funciones de JavaScript
• Puede asignar sus propias funciones de controlador de eventos a elementos HTML
• Puede evitar que los eventos se envíen o se manejen
• y mas...

Ir al indice