Evento onreset

Eventos DOM Objeto Evento

Definição e uso

Ocorrerá o evento onreset ao resetar o formulário.

Exemplo

Exemplo 1

Execute JavaScript ao resetar o formulário:

<form onreset="myFunction()">
  Insira o nome: <input type="text">
  <input type="reset">
</form>

Experimente pessoalmente

Exemplo 2

Mostrar o texto do campo de texto inserido antes do reset:

var x = document.getElementById("myInput");
alert("Antes do reset, o texto era: " + x.value);

Experimente pessoalmente

Exemplo 3

Use o método reset() do objeto Form do HTML DOM para resetar o formulário. Isso acionará o evento onreset, que, por sua vez, acionará uma função alert.

// Resetar os valores de todos os elementos do formulário com id="myForm"
function myResetFunction() {
  document.getElementById("myForm").reset();
}
// Mostre alguns textos ao resetar o formulário
function myAlertFunction() {
  alert("O formulário foi resetado");
}

Experimente pessoalmente

Sintaxe

No HTML:

<element onreset="myScript">

Experimente pessoalmente

No JavaScript:

object.onreset = function(){myScript};

Experimente pessoalmente

No JavaScript, use o método addEventListener():

object.addEventListener("reset", myScript);

Experimente pessoalmente

Notas:Internet Explorer 8 ou versões mais antigas não suportam Método addEventListener().

Detalhes técnicos

Bubbling: Suporte
Cancellable: Suporte
Tipo de evento: Evento
Etiquetas HTML suportadas: <form>
Versão DOM: Eventos de Nível 2

Suporte ao navegador

Eventos Chrome IE Firefox Safari Opera
onreset Suporte Suporte Suporte Suporte Suporte
Eventos DOM Objeto Evento