Back to TIL list

Eventos em javascript

Created at

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

<h1 onclick="this.innerHTML='Isso acontece quando usamos o evento onClick!'">Clique nesse link para testar o evento onClick!</h1>

onLoad

Disparado quando a página for carregada.

<!DOCTYPE html><html>  <head>    <title>Usando eventos no Javascript</title>  </head>  <body onload="checkCookies()">  <script>  function checkCookies() {    if( navigator.cookieEnabled == true ) {      alert("Cookies são permitidos")    } else {      alert("Cookies não são permitidos")    }  }  </script>  <p>Irá aparecer um alert dizendo se os cookies estão ou não liberados em seu navegador</p>  </body></html>

Referências