Matukio ya oninput

Matukio ya DOM InputEvent

Ufafanuzi na matumizi

Matukio ya oninput inafanyika kwa kila wakati kina inapokea ujumbe wa kiumeji.

Kutokana na uharibifu wa thamani ya <input> au <textarea> kinachofanywa matukio hii.

Tahadhari:Matukio hayo ni kama: Matukio ya onchange.Matokeo ya kina ni kwamba matukio ya oninput inafanyika kwa kila wakati thamani ya kina inabadilika, na onchange inafanyika kwa kila wakati kina inakubaliwa na ujumbe inabadilika. Mafikira mengine ni kwamba matukio ya onchange inaweza kutumika kwenye mikono ya <select>.

Mfano

Mada ya 1

Kutokana na uharibifu wa ujumbe wa <input> kinachofanywa JavaScript:

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

Jifunze kufikia hapa

Mada ya 2

Slidari ya kubadilika - matukio ya kubadilisha thamani ya slidari:

<input type="range" oninput="myFunction(this.value)">

Jifunze kufikia hapa

Inayofaa:

Kwenye HTML:

<mikono oninput="myScript">

Jifunze kufikia hapa

Kwenye JavaScript:

matokeo.oninput = function(){myScript};

Jifunze kufikia hapa

Kwenye JavaScript, tumia method ya addEventListener():

matokeo.addEventListener("input", myScript);

Jifunze kufikia hapa

Mafikira:Internet Explorer 8 na zamani zaidi hazikukubaliwa Method ya addEventListener().

Vifaa ya teknolojia

Inabubiri: Msaada
Inafikia: Hakuna mawasiliano
Aina ya matukio: Event, InputEvent
Wafaa ya HTML: <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="month">, <input type="number">, <input type="password">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week"> na <textarea>
DOM 版本： Matukio ya Level 3

Msaada wa browseri

Inaruhusiwa kwa viwango kwenye tabia inayofaa kwa sababu ya browseri ambao inasaidia matukio hayo kwa mara ya kwanza.

Matukio Chrome IE Firefox Safari Opera
oninput Msaada 9.0 4.0 5.0 Msaada
Matukio ya DOM InputEvent