Latest web development tutorials
×

JavaScript curso

JavaScript curso JavaScript breve introdução JavaScript uso JavaScript exportação JavaScript gramática JavaScript demonstrações JavaScript nota JavaScript variável JavaScript Tipos de dados JavaScript objetos JavaScript função JavaScript escopo JavaScript evento JavaScript corda JavaScript operadores JavaScript comparar JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript tipo de conversão JavaScript Expressões regulares JavaScript erro JavaScript depuração JavaScript lift variável JavaScript Modo estrito JavaScript Uso indevido JavaScript Autenticação de formulários JavaScript Palavras-chave reservadas JavaScript JSON JavaScript void JavaScript Especificação código

JS função

JavaScript definição de função JavaScript Argumentos da função JavaScript chamada de função JavaScript Closures

JS HTML DOM

DOM breve introdução DOM HTML DOM CSS DOM evento DOM EventListener DOM elemento

JS Tutorial avançado

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 estouro JavaScript cronometrado Evento JavaScript Cookies

JS armazém

JavaScript armazém JavaScript teste jQuery JavaScript teste Prototype

JS Exemplos

JavaScript Exemplos JavaScript instância do objeto JavaScript instância do objeto navegador JavaScript HTML DOM Exemplos JavaScript resumo

JS manual de referência

JavaScript objetos HTML DOM objetos

JavaScript Eventos

eventos HTML ocorreu nas coisas do elemento HTML.

Ao usar JavaScript em páginas HTML, JavaScript pode desencadear esses eventos.

HTML Evento

evento HTML pode ser o comportamento do navegador também pode ser o comportamento do usuário.

Os seguintes são exemplos de eventos HTML:

  • A página HTML terminar o carregamento
  • Quando as mudanças do campo de entrada HTML
  • botão HTML é clicado

Normalmente, quando ocorre um evento, você pode fazer alguma coisa.

Quando um evento é acionado JavaScript pode executar algum código.

elementos HTML pode ser adicionado a um atributo do evento utilizando o código JavaScript para adicionar elementos HTML.

aspas simples:

<Alguns-HTML-elemento alguns- evento = 'algum JavaScript>

aspas duplas:

<Alguns-HTML-elemento alguns- event = "algum JavaScript">

No exemplo a seguir, um elemento botão adicionado atributo onclick (mais código):

Exemplos

<Button onclick = 'getElementById ( "demo"). InnerHTML = Date () "> A hora é agora ?? </ button>

tente »

O exemplo acima, JavaScript conteúdo do código de id = "demonstração" elemento.

No seguinte exemplo, o código vai modificar o conteúdo do próprio elemento (usando este .innerHTML):

Exemplos

<Button onclick = "this.innerHTML = Date ()"> A hora é agora? </ Button>

tente »

nota código JavaScript é geralmente algumas linhas de código. Mais comum é invocado pelas propriedades de eventos:

Exemplos

<Button onclick = "DisplayDate ()"> A hora é agora? </ Button>

tente »

evento HTML comum

Aqui está uma lista de alguns evento comum HTML:

evento descrição
onchange mudanças elemento HTML
onclick Um usuário clica em um elemento HTML
onmouseover O usuário move o mouse sobre um elemento HTML
onmouseout Usuários mover o mouse de um elemento HTML
onkeydown Usuário pressiona uma tecla
onload O navegador terminar o carregamento da página

Mais Lista de eventos: o JavaScript Referência - evento HTML DOM .

JavaScript O que pode ser feito?

Os eventos podem ser usados ​​para lidar com a validação do formulário, as entradas do usuário, o comportamento do usuário e as ações do navegador:

  • Evento é acionado quando a página é carregada
  • O evento é disparado quando a página Fechar
  • O usuário clica em um botão para executar uma ação
  • Verificar a legitimidade de entrada do usuário
  • E assim por diante ...

Você pode usar uma variedade de métodos para executar código JavaScript evento:

  • atributos de eventos HTML podem executar código JavaScript diretamente
  • atributos do evento HTML pode chamar a função JavaScript
  • Você pode especificar o seu próprio manipulador de eventos para elementos HTML
  • É possível evitar a ocorrência de um evento.
  • E assim por diante ...
nota No DOM capítulo HTML você vai saber mais sobre o evento e o conhecimento manipulador de eventos.