Los últimos tutoriales de desarrollo web
 

JavaScript evento

❮ Anterior Siguiente Capítulo ❯

Eventos HTML son "cosas" que pasan a elementos HTML.

Cuando JavaScript se utiliza en páginas HTML, JavaScript puede "reaccionar" en estos eventos.

HTML Eventos

Un evento HTML puede ser algo que el navegador lo hace, o algo que un usuario hace.

Estos son algunos ejemplos de eventos de HTML:

  • Una página web HTML ha terminado de cargar
  • Un campo de entrada HTML se cambió
  • Se hace clic en un botón HTML

A menudo, cuando los eventos ocurren, es posible que desee hacer algo.

JavaScript permite ejecutar código cuando se detectan eventos.

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

Con comillas simples:

< some-HTML-element some-event = ' some JavaScript ' >

Con comillas dobles:

< some-HTML-element some-event = " some JavaScript " >

En el siguiente ejemplo, un onclick atributo (con código), se añade a un elemento de botón:

Ejemplo

<button onclick='getElementById("demo").innerHTML=Date()'>The time is?</button>
Inténtalo tú mismo "

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

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

Ejemplo

<button onclick="this.innerHTML=Date()">The time is?</button>
Inténtalo tú mismo "

código JavaScript es a menudo varias líneas de largo. Es más común ver los atributos de eventos llamada a las funciones:

Ejemplo

<button onclick="displayDate()">The time is?</button>
Inténtalo tú mismo "

HTML común Eventos

He aquí una lista de algunos eventos comunes de HTML:

Evento Descripción
onchange Un elemento HTML se ha cambiado
onclick El usuario hace clic en un elemento HTML
onmouseover El usuario mueve el puntero del ratón sobre un elemento HTML
onmouseout El usuario mueve el ratón fuera de un elemento HTML
onkeydown El usuario pulsa una tecla del teclado
onload El navegador ha terminado de cargar la página

La lista es mucho más larga: w3ii JavaScript consulta en formato HTML eventos DOM .

¿Qué puede hacer JavaScript?

Los controladores de eventos pueden ser usados ​​para gestionar y verificar, la entrada del usuario, las acciones del usuario, y acciones del navegador:

  • Las cosas que se deben hacer cada vez que se carga una página
  • Las cosas que se deben hacer cuando la página se cierra
  • Acción que debe realizarse cuando un usuario hace clic en un botón
  • El contenido que debe ser verificada cuando un usuario introduce datos
  • Y más ...

Muchos métodos diferentes se pueden utilizar para permitir que el trabajo con JavaScript eventos:

  • atributos de los eventos HTML pueden ejecutar código JavaScript directamente
  • atributos de los eventos HTML pueden llamar a funciones JavaScript
  • Puede asignar las funciones de controlador de eventos a elementos HTML
  • Puede prevenir los episodios de ser enviado o ser manejado
  • Y más ...

Usted va a aprender mucho más acerca de eventos y controladores de eventos en los HTML DOM capítulos.

Ponte a prueba con los ejercicios!

Ejercicio 1 » Ejercicio 2» Ejercicio 3 »


❮ Anterior Siguiente Capítulo ❯