onchange-gebeurtenis

DOM events Event object

Definitie en gebruik

Een onchange-gebeurtenis wordt aangeroepen wanneer de waarde van een element verandert.

Voor keuzevakjes en selectievakjes wordt een onchange-gebeurtenis aangeroepen wanneer de geselecteerde status verandert.

Tip:Het evenement lijkt op oninput event. Het verschil zit in dat het oninput-evenement onmiddellijk optreedt nadat de waarde van het element is veranderd, terwijl onchange optreedt wanneer het element het focus verliest en de inhoud is veranderd. Een ander verschil is dat het onchange-evenement ook van toepassing is op <select>-elementen.

Voorbeeld

Voorbeeld 1

Voer JavaScript uit wanneer de gebruiker de geselecteerde optie van het <select>-element wijzigt:

<select onchange="myFunction()">

Probeer het zelf uit

Voorbeeld 2

Voer JavaScript uit wanneer de gebruiker de inhoud van het invoerveld wijzigt:

<input type="text" onchange="myFunction()">

Probeer het zelf uit

Syntaxis

In HTML:

<element onchange="myScript">

Probeer het zelf uit

In JavaScript:

object.onchange = function(){myScript};

Probeer het zelf uit

In JavaScript, gebruik de addEventListener() methode:

object.addEventListener("change", myScript);

Probeer het zelf uit

Opmerking:Internet Explorer 8 of eerder ondersteunt dit niet addEventListener() methode.

Technische details

Bubbelend: Support
Annuleerbaar: Niet ondersteund
Gebeurtenistype: Gebeurtenis
Ondersteunde HTML-labels: Checkbox, Kleur, Datum, Datum en tijd, E-mail, Bestand, Maand, Getal, Wachtwoord, Radio, Bereik, Zoeken, Telefoonnummer, Tekst, Tijd, URL, Week, Select en Tekstgebied
DOM version: Level 2 Events

Browser support

Events Chrome IE Firefox Safari Opera
onchange Support Support Support Support Support
DOM events Event object