Latest web development tutorials

oninput 事件

事件對象參考手冊 事件對象

實例

當用戶向<input> 中嘗試輸入時執行JavaScript:

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

嘗試一下»


定義和用法

oninput 事件在用戶輸入時觸發。

該事件在<input> 或<textarea> 元素的值發生改變時觸發。

提示:該事件類似於onchange事件。 不同之處在於oninput 事件在元素值發生變化是立即觸發, onchange 在元素失去焦點時觸發。 另外一點不同是onchange 事件也可以作用於<keygen> 和<select> 元素。


瀏覽器支持

表格中的數字表示支持該事件的第一個瀏覽器的版本號。

事件
oninput Yes 9.0 4.0 5.0 Yes


語法

HTML 中:

<elementoninput="myScript"> 嘗試一下

JavaScript 中:

object .oninput=function(){myScript}; 嘗試一下

JavaScript 中, 使用addEventListener() 方法:

object .addEventListener("input", myScript ); 嘗試一下

注意: Internet Explorer 8及更早IE版本不支持addEventListener()方法。


技術細節

是否支持冒泡: Yes
是否可以取消: No
事件類型: Event
支持的HTML 標籤: <input type="password">, <input type="search">, <input type="text"> 和<textarea>


事件對象參考手冊 事件對象