onchange Gebeurtenis
Voorbeeld
Voer 'n JavaScript uit wanneer 'n gebruiker die geselekteerde opsie van 'n <kies>-element verander:
<select onchange="myFunction()">
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die onchange gebeurtenis vind plaas wanneer die waarde van 'n element verander is.
Vir radioknoppies en merkblokkies vind die onchange-gebeurtenis plaas wanneer die gemerkte toestand verander is.
Wenk: Hierdie gebeurtenis is soortgelyk aan die oninput -gebeurtenis. Die verskil is dat die oninput-gebeurtenis onmiddellik plaasvind nadat die waarde van 'n element verander het, terwyl onchange plaasvind wanneer die element fokus verloor, nadat die inhoud verander is. Die ander verskil is dat die onchange-gebeurtenis ook op <kies>-elemente werk.
Blaaierondersteuning
Event | |||||
---|---|---|---|---|---|
onchange | Yes | Yes | Yes | Yes | Yes |
Sintaksis
In HTML:
<element onchange="myScript">
In JavaScript:
object.onchange = function(){myScript};
In JavaScript, gebruik die addEventListener() metode:
object.addEventListener("change", myScript);
Let wel: Die addEventListener() metode word nie in Internet Explorer 8 en vroeër weergawes ondersteun nie.
Tegniese besonderhede
borrels: | Ja |
---|---|
Kanselleerbaar: | Geen |
Soort gebeurtenis: | Gebeurtenis |
Ondersteunde HTML-etikette: | <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type=" lêer">, <input type="month">, <input type="number">, <input type="password">, <input type="radio">, <input type="reeks">, < input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week ">, <kies> en <tekstarea> |
DOM weergawe: | Vlak 2-geleenthede |
Meer voorbeelde
Voorbeeld
Voer 'n JavaScript uit wanneer 'n gebruiker die inhoud van 'n invoerveld verander:
<input type="text"
onchange="myFunction()">