onreset evenement

DOM Events Event Object

Definitie en gebruik

Er vindt een onreset evenement plaats bij het herstellen van het formulier.

Voorbeeld

Voorbeeld 1

JavaScript uitvoeren bij het herstellen van het formulier:

<form onreset="myFunction()">
  Voer naam in: <input type="text">
  <input type="reset">
</form>

Probeer het zelf

Voorbeeld 2

Toon de tekst in het tekstveld dat voor het herstellen is ingevoerd:

var x = document.getElementById("myInput");
alert("Voor het herstellen, was de tekst: " + x.value);

Probeer het zelf

Voorbeeld 3

Gebruik de reset() methode van het HTML DOM Form object om het formulier te herstellen. Wanneer dit gebeurt, wordt het onreset evenement geactiveerd, wat de alert functie activeert.

// Herstel de waarden van alle elementen in het formulier met id="myForm"
function myResetFunction() {
  document.getElementById("myForm").reset();
}
// Toon tekst bij het herstellen van het formulier
function myAlertFunction() {
  alert("Het formulier is hersteld");
}

Probeer het zelf

Syntax

In HTML:

<element onreset="myScript">

Probeer het zelf

In JavaScript:

object.onreset = function(){myScript};

Probeer het zelf

In JavaScript, gebruik de methode addEventListener():

object.addEventListener("reset", myScript);

Probeer het zelf

Opmerking:Internet Explorer 8 of oudere versies ondersteunen niet addEventListener() Method.

Technical Details

Bubbling: Support
Cancelable: Support
Event Type: Event
Supported HTML Tags: <form>
DOM Version: Level 2 Events

Browser Support

Events Chrome IE Firefox Safari Opera
onreset Support Support Support Support Support
DOM Events Event Object