目录

oninput 事件

❮上一节活动参考下一节❯

示例

当用户在 <input> 字段中写入内容时调用函数：

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

亲自试一试 »

下面有更多示例。

描述

这个oninput事件发生时一个元素获取输入。

这个oninput当 <input> 或 <textarea> 元素的值更改时发生事件。

这个oninput事件确实不是当 <select> 元素更改时发生。

笔记

这个oninput事件类似于onchange事件。

不同之处在于oninput内容更改后事件立即发生，而onchange当元素失去焦点时发生。

语法

在 HTML 中：

< element oninput=" myScript">

亲自试一试 »

在 JavaScript 中：

object.oninput = function(){ myScript};

亲自试一试 »

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("input", myScript);

亲自试一试 »

技术细节

气泡：	是的
可取消：	不
事件类型：	事件, 输入事件
HTML 标签：	<输入>和<文本区域>
DOM 版本：	3 级输入事件

更多示例

示例

范围滑块 - 如何动态更新滑块值：

<input type="range" oninput="myFunction(this.value)">

亲自试一试 »

浏览器支持

oninput是 DOM Level 3 (2004) 功能。

所有现代浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	11

❮上一节活动参考下一节❯