onchange evenement
Voorbeeld
Voer een JavaScript uit wanneer een gebruiker de geselecteerde optie van een <select> element wijzigt:
<select onchange="myFunction()">
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De gebeurtenis onchange treedt op wanneer de waarde van een element is gewijzigd.
Voor keuzerondjes en selectievakjes vindt de gebeurtenis onchange plaats wanneer de aangevinkte status is gewijzigd.
Tip: Deze gebeurtenis is vergelijkbaar met de gebeurtenis oninput . Het verschil is dat de oninput-gebeurtenis onmiddellijk plaatsvindt nadat de waarde van een element is gewijzigd, terwijl onchange optreedt wanneer het element de focus verliest, nadat de inhoud is gewijzigd. Het andere verschil is dat de gebeurtenis onchange ook werkt op <select> elementen.
Browserondersteuning
Event | |||||
---|---|---|---|---|---|
onchange | Yes | Yes | Yes | Yes | Yes |
Syntaxis
In HTML:
<element onchange="myScript">
In javascript:
object.onchange = function(){myScript};
In JavaScript, met behulp van de addEventListener()-methode:
object.addEventListener("change", myScript);
Opmerking: de methode addEventListener() wordt niet ondersteund in Internet Explorer 8 en eerdere versies.
Technische details
bubbels: | Ja |
---|---|
Annuleerbaar: | Nee |
Evenementtype: | Evenement |
Ondersteunde HTML-tags: | <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type=" file">, <input type="month">, <input type="number">, <input type="password">, <input type="radio">, <input type="range">, < input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week ">, <select> en <textarea> |
DOM-versie: | Niveau 2 Evenementen |
Meer voorbeelden
Voorbeeld
Voer een JavaScript uit wanneer een gebruiker de inhoud van een invoerveld wijzigt:
<input type="text"
onchange="myFunction()">