Evento de reinicialização
Exemplo
Execute um JavaScript quando um formulário for redefinido:
<form onreset="myFunction()">
Enter name: <input type="text">
<input type="reset">
</form>
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento onreset ocorre quando um formulário é redefinido.
Suporte ao navegador
Event | |||||
---|---|---|---|---|---|
onreset | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Em HTML:
<element onreset="myScript">
Em JavaScript:
object.onreset = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("reset", myScript);
Observação: o método addEventListener() não é compatível com o Internet Explorer 8 e versões anteriores.
Detalhes técnicos
Bolhas: | sim |
---|---|
Cancelável: | sim |
Tipo de evento: | Evento |
Tags HTML suportadas: | <formulário> |
Versão DOM: | Eventos de Nível 2 |
Mais exemplos
Exemplo
Exiba o texto que foi inserido em um campo de texto antes de ser redefinido:
var x = document.getElementById("myInput");
alert("Before reset, the text was: " + x.value);
Exemplo
Usando o método reset() do objeto de formulário HTML DOM para redefinir o formulário. Quando isso acontece, o evento onreset é acionado, o que acionará uma função de alerta.
// Reset the value of all elements in a form with id="myForm"
function myResetFunction() {
document.getElementById("myForm").reset();
}
// Alert some text when the form is reset
function myAlertFunction() {
alert("The form was reset");
}