Publicado em: 03/Dec/2019
Atualizado em: 04/Dec/2019

Eventos em javascript

Principais eventos

  • onBlur: remove o foco do elemento
  • onChange: muda o valor do elemento
  • onClick: o elemento é clicado pelo usuário
  • onFocus: o elemento é focado
  • onKeyPress: o usuário pressiona uma tecla sobre o elemento
  • onLoad: carrega o elemento por completo
  • onMouseOver: define ação quando o usuário passa o mouse sobre o elemento
  • onMouseOut: define ação quando o usuário retira o mouse sobre o elemento
  • onSubmit: 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>

Referências

comments powered by Disqus