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>