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 Pathfinder
Track your progress - it's free!
