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 中:
<element oninput="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> |