Principais eventos
onBlur
: remove o foco do elementoonChange
: muda o valor do elementoonClick
: o elemento é clicado pelo usuárioonFocus
: o elemento é focadoonKeyPress
: o usuário pressiona uma tecla sobre o elementoonLoad
: carrega o elemento por completoonMouseOver
: define ação quando o usuário passa o mouse sobre o elementoonMouseOut
: define ação quando o usuário retira o mouse sobre o elementoonSubmit
: define ação ao enviar um formulário
Eventos inline
1<h1 onclick="this.innerHTML='Isso acontece quando usamos o evento onClick!'">
2Clique nesse link para testar o evento onClick!
3</h1>
onLoad
Disparado quando a página for carregada.
1<!DOCTYPE html>
2<html>
3 <head>
4 <title>Usando eventos no Javascript</title>
5 </head>
6 <body onload="checkCookies()">
7
8 <script>
9 function checkCookies() {
10 if( navigator.cookieEnabled == true ) {
11 alert("Cookies são permitidos")
12 } else {
13 alert("Cookies não são permitidos")
14 }
15 }
16 </script>
17
18 <p>Irá aparecer um alert dizendo se os cookies estão ou não liberados em seu navegador</p>
19 </body>
20</html>