oninput 事件
示例
當用戶在 <input> 欄位中輸入內容時呼叫函式
<input type="text" oninput="myFunction()">
自己動手試一試 »
更多示例見下文。
描述
當元素獲得輸入時，會發生 oninput 事件。
當 <input>、<textarea> 或 <select> 元素的值發生更改時，會發生 oninput 事件。
注意
oninput 事件與 onchange 事件類似。
不同之處在於 oninput 事件在內容更改後立即發生，而 onchange 事件在元素失去焦點時發生。
語法
在 HTML 中
<element oninput="myScript">
自己動手試一試 »
在 JavaScript 中
object.oninput = function(){myScript};
自己動手試一試 »
在 JavaScript 中，使用 addEventListener() 方法
object.addEventListener("input", myScript);
自己動手試一試 »
技術詳情
更多示例
示例
範圍滑塊 - 如何動態更新滑塊值
<input type="range" oninput="myFunction(this.value)">
自己動手試一試 »
瀏覽器支援
oninput 是 DOM Level 3 (2004) 的一項功能。
所有現代瀏覽器都完全支援它
|
|
|
|
|
|
| Chrome |
Edge |
Firefox |
Safari |
Opera |
IE |
| 是 |
是 |
是 |
是 |
是 |
11 |
W3schools 學習路徑
跟蹤您的進度 - 免費！
