O que é um evento javascript?
Eventos são ações que os usuários produzem nas páginas, quando um usuário visita uma página e interage (clicando, digitando algo, movendo o rato, etc.), ele está produzindo eventos.
Com eventos podemos produzir o lado “mágico” do Javascript, pois utilizando somente HTML, o único evento que conhecemos é quando clicamos em um link e ele abre outra página Web.
Os eventos Javascript, associados as funções, aos métodos e aos formulários, abrem uma grande
porta de interatividade das páginas.
Eventos e exemplos:
O evento onclick é processado quando clicamos em um elemento. Ex.: Clique aqui!
<a href="javascript:void(0);" onclick="alert('Você clicou aqui!')">Clique aqui!</a>O evento onchange é processado quando um elemento muda de valor.
<select name="campo" onchange="alert('Você mudou o valor do elemento');">
<option value="1">Alterar</option>
<option value="2">Escolher esse!</option>
</select>O evento onselect é processado quando um texto existente em um elemento é selecionado.
<textarea onselect="alert((document.all) ? document.selection.createRange().text : this.value.substring(this.selectionStart, this.selectionEnd));">Danilo Borges Pereira</textarea>
O evento onfocus é processado quando um elemento recebe foco.
<input type="text" onfocus="alert('elemento ganhou foco!')" />O evento onblur é processado quando um elemento perde o foco.
<input type="text" onblur="alert('elemento perdeu o foco!')" />O evento onkeydown é processado quando é pressionado alguma tecla.
<input type="text" onkeydown="alert(event.keyCode);" />
O evento onkeyup é processado quando uma tecla deixa de ser pressionada.
<input type="text" onkeyup="alert(event.keyCode);" />
O evento onmousever é processado quando passamos o mouse sobre um elemento.
<input type="text" onmouseover="alert('O rato entrou');" />O evento onmouseout é processado quando tiramos o mouse de cima do elemento .
<input type="text" onmouseout="alert('O rato saiu');" />O evento onsubmit é processado quando o formulário é submetido.
<form onsubmit="alert('formulário submetido'); return false;">
<input type="submit">
</form>O evento onload é processado quando um elemento termina de ser carregado.
<body onload="alert('Página carregada');">
</body>Mais eventos podem ser encontrados em: w3schools.
Loading ...
#1 por Bruno - 24 de setembro de 2009 em 17:52
demonstração simples e direta, aprovado…..
#2 por Luis Fernando - 24 de setembro de 2009 em 19:42
Muito boa essas informações. Bem didático.
#3 por Leandro - 27 de setembro de 2009 em 23:16
massa, já está “favoritado”…
#4 por Chris Benseler - 1 de outubro de 2009 em 20:32
Danilo, voltou a fazer posts! :)
Bem didático, já vou repassar!
[]s!