Eventos em javascript

Date: 2019-12-03Last modified: 2022-10-07

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

Trabalhando com eventos em JavaScript