oninput na event

DOM 事件 InputEvent

Pagsasaayos at paggamit

Ang oninput na event ay nangyayari kapag napasok ng user ang input sa elemento.

Nangyayari ang event na ito kapag nagbago ang halaga ng <input> o <textarea> na elemento.

Paalala:Ang event na ito ay katulad ng onchange 事件. Ang pagkakaiba nito ay ang oninput na event ay nangyayari agad kapag nagbago ang halaga ng elemento, habang ang onchange ay nangyayari kapag nawala ang fokus ng elemento at nagbago ang nilalaman. Isang iba pang pagkakaiba ay ang onchange na event ay naaangkop din sa <select> na elemento.

Halimbawa

Mga halimbawa 1

Kapag gumagamit nang magpasulat sa <input> na larawan, isasagawa ang JavaScript:

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

Subukan mo ito personal

Mga halimbawa 2

Slider ng saklaw - Paano dynamic update ang halaga ng slider:

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

Subukan mo ito personal

Pangangatwiran

Sa HTML:

<element oninput="myScript">

Subukan mo ito personal

Sa JavaScript:

object.oninput = function(){myScript};

Subukan mo ito personal

Sa JavaScript, gamit ang addEventListener() paraan:

object.addEventListener("input", myScript);

Subukan mo ito personal

Komento:Internet Explorer 8 o mas maaga ay hindi suportado Mga paraan ng addEventListener().

Detalye ng teknolohiya

Bububog: 支持
Maaaring kanselahin: Hindi suportado
Uri ng event: Event, InputEvent
Suportadong HTML tag: <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"> at ang <textarea>
DOM bersyon: Level 3 Events

浏览器支持

表中的数字注明了完全支持该事件的首个浏览器版本。

事件 Chrome IE Firefox Safari Opera
oninput 支持 9.0 4.0 5.0 支持
DOM 事件 InputEvent