Element: input 事件
语法
在诸如 addEventListener() 之类的方法中使用事件名称，或设置事件处理程序属性。
jsaddEventListener("input", (event) => { })
oninput = (event) => { }
事件类型
一个 InputEvent。继承自 UIEvent。
事件属性
此接口继承自其父接口 UIEvent 和 Event 的属性。
InputEvent.data 只读
返回一个包含插入字符的字符串。如果更改没有插入文本（例如，删除字符），则此字符串可能为空。
InputEvent.dataTransfer 只读
返回一个 DataTransfer 对象，其中包含有关添加到可编辑内容或从中移除的富文本或纯文本数据的信息。
InputEvent.inputType 只读
返回可编辑内容的更改类型，例如，插入、删除或格式化文本。
InputEvent.isComposing 只读
返回一个 Boolean 值，指示事件是在 compositionstart 之后和 compositionend 之前触发的。
示例
此示例会在您更改 元素的值时记录该值。
HTML
html
JavaScript
jsconst input = document.querySelector("input");
const log = document.getElementById("values");
input.addEventListener("input", updateValue);
function updateValue(e) {
log.textContent = e.target.value;
}
结果
规范
规范
UI 事件# event-type-input
HTML# handler-oninput
浏览器兼容性
加载中…
另见
相关事件
beforeinput
change
invalid
帮助改进 MDN
此页面对您有帮助吗？
是
否
了解如何贡献 此页面最后修改于 2025 年 9 月 25 日，由 MDN 贡献者 修改。
在 GitHub 上查看此页面 • 报告此内容的问题