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 学习路径
跟踪您的进度 - 免费！
