oninvoer gebeurtenis
Voorbeeld
Voer 'n JavaScript uit wanneer 'n gebruiker iets in 'n <invoer>-veld skryf:
<input type="text" oninput="myFunction()">
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die oninput-gebeurtenis vind plaas wanneer 'n element gebruikersinvoer kry.
Hierdie gebeurtenis vind plaas wanneer die waarde van 'n <input> of <textarea> element verander word.
Wenk: Hierdie gebeurtenis is soortgelyk aan die onchange 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
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die geleentheid ten volle ondersteun.
Event | |||||
---|---|---|---|---|---|
oninput | Yes | 9.0 | 4.0 | 5.0 | Yes |
Sintaksis
In HTML:
<element oninput="myScript">
In JavaScript:
object.oninput = function(){myScript};
In JavaScript, gebruik die addEventListener() metode:
object.addEventListener("input", 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: | Event , InputEvent |
Ondersteunde HTML-etikette: | <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="month">, <input type=" nommer">, <input type="password">, <input type="reeks">, <input type="search">, <input type="tel">, <input type="text">, < input type="time">, <input type="url">, <input type="week"> en <textarea> |
DOM weergawe: | Vlak 3-geleenthede |
Meer voorbeelde
Voorbeeld
Reeksskuifbalk - hoe om die skuifwaarde dinamies op te dateer:
<input type="range" oninput="myFunction(this.value)">