Evento onreset

Eventi DOM Oggetto Event

Definizione e uso

Viene attivato l'evento onreset quando viene azionato il modulo.

Esempio

Esempio 1

Esegui JavaScript quando il modulo viene azionato

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

Prova personalmente

Esempio 2

Mostra il testo del campo di testo inserito prima del riavvio:

var x = document.getElementById("myInput");
alert("Before reset, the text was: " + x.value);

Prova personalmente

Esempio 3

Utilizzare il metodo reset() dell'oggetto HTML DOM Form per azionare il modulo. In questo caso, viene attivato l'evento onreset, che attiva una funzione alert.

// Azzera i valori di tutti gli elementi del modulo con id="myForm"
function myResetFunction() {
  document.getElementById("myForm").reset();
}
// Mostra un testo quando il modulo viene azionato
function myAlertFunction() {
  alert("The form was reset");
}

Prova personalmente

Sintassi

In HTML:

<elemento onreset="myScript">

Prova personalmente

In JavaScript:

oggetto.onreset = function(){myScript};

Prova personalmente

In JavaScript, utilizzare il metodo addEventListener():

oggetto.addEventListener("reset", myScript);

Prova personalmente

Nota:Internet Explorer 8 o versioni precedenti non supportano Metodo addEventListener().

Dettagli tecnici

Bubble: Supporto
Cancellabile: Supporto
Tipo di evento: Event
Etichette HTML supportate: <form>
Versione DOM: Eventi di Livello 2

Supporto del browser

Eventi Chrome IE Firefox Safari Opera
onreset Supporto Supporto Supporto Supporto Supporto
Eventi DOM Oggetto Event