Latest web development tutorials
×

JavaScript curso

JavaScript curso JavaScript breve introducción JavaScript uso JavaScript exportación JavaScript gramática JavaScript declaraciones JavaScript nota JavaScript variable JavaScript Tipos de datos JavaScript objetos JavaScript función JavaScript alcance JavaScript evento JavaScript cadena JavaScript operadores JavaScript comparar JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript tipo de conversión JavaScript Las expresiones regulares JavaScript error JavaScript depuración JavaScript variable de elevación JavaScript Modo estricto JavaScript El uso inapropiado JavaScript autenticación de formularios JavaScript Palabras clave reservadas JavaScript JSON JavaScript void JavaScript Especificación código

JS función

JavaScript definición de la función JavaScript Argumentos de función JavaScript llamada a la función JavaScript Los cierres

JS HTML DOM

DOM breve introducción DOM HTML DOM CSS DOM evento DOM EventListener DOM elemento

JS Tutorial avanzado

JavaScript objetos JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp objetos

JS navegador BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript música pop JavaScript Evento cronometrado JavaScript Cookies

JS almacén

JavaScript almacén JavaScript prueba jQuery JavaScript prueba Prototype

JS Ejemplos

JavaScript Ejemplos JavaScript instancia de objeto JavaScript instancia de objeto del navegador JavaScript HTML DOM Ejemplos JavaScript resumen

JS Manual de referencia

JavaScript objetos HTML DOM objetos

JavaScript Eventos

HTML eventos tuvieron lugar en las cosas de elemento de HTML.

Al utilizar JavaScript en páginas HTML, JavaScript puede desencadenar estos eventos.

HTML Evento

evento HTML puede ser el comportamiento del navegador también puede ser el comportamiento del usuario.

Los siguientes son ejemplos de evento HTML:

  • página HTML termina de cargar
  • Cuando los cambios de campo de entrada HTML
  • se hace clic en el botón HTML

Por lo general, cuando se produce un evento, se puede hacer algo.

Cuando se activa un evento JavaScript puede ejecutar algún código.

elementos HTML se pueden añadir a un atributo de eventos utilizando código JavaScript para añadir elementos HTML.

Las comillas simples:

<Algunos-HTML-elemento alguien evento = 'algo de JavaScript ">

Las comillas dobles:

<Algunos-HTML-elemento alguien evento = "algo de JavaScript">

En el siguiente ejemplo, un elemento de botón añadió atributo onclick (más el código):

Ejemplos

<Botón onclick = 'getElemenById ( "demo"). InnerHTML = Date ()'> La hora actual es: ?? </ botón>

Trate »

El ejemplo anterior, JavaScript contenido del código de id = elemento de "demo".

En el siguiente ejemplo, el código modificará el contenido del elemento en sí mismo (el uso de este .innerHTML):

Ejemplos

<Botón onclick = "this.innerHTML = Date ()"> La hora actual es:? </ Button>

Trate »

nota código JavaScript es por lo general unas pocas líneas de código. Más común es invocado por las propiedades del evento:

Ejemplos

<Botón onclick = "displayDate ()"> La hora actual es:? </ Button>

Trate »

evento HTML común

Aquí está una lista de algunos eventos HTML común:

evento descripción
onchange cambios elemento HTML
onclick Un usuario hace clic en un elemento HTML
onmouseover El usuario mueve el ratón sobre un elemento HTML
onmouseout Los usuarios mover el ratón de un elemento HTML
onkeydown Usuario pulsa una tecla
onload El navegador ha terminado de cargar la página

Más Lista de eventos: la referencia de JavaScript - evento HTML DOM .

JavaScript Qué se puede hacer?

Los eventos pueden ser usados ​​para manejar la validación de formularios, las entradas de usuario, el comportamiento del usuario y las acciones del navegador:

  • El evento se activa cuando se carga la página
  • El evento se activa cuando la página Cerrar
  • El usuario hace clic en un botón para realizar una acción
  • Verificar la legitimidad de la entrada del usuario
  • Y así sucesivamente ...

Se puede utilizar una variedad de métodos para ejecutar código JavaScript del evento:

  • atributos de los eventos HTML pueden ejecutar código JavaScript directamente
  • atributos de los eventos HTML pueden llamar a la función JavaScript
  • Puede especificar su propio controlador de eventos para los elementos HTML
  • Usted puede prevenir la ocurrencia de un evento.
  • Y así sucesivamente ...
nota En el capítulo DOM HTML podrá aprender más sobre el evento y el conocimiento controlador de eventos.