Element：input 事件

当一个 <input>、<select> 或 <textarea> 元素的 value 被修改时，会触发 input 事件。

Bubbles	Yes
Cancelable	No
Interface	InputEvent
Event handler property	GlobalEventHandlers.oninput

input 事件也适用于启用了 contenteditable 的元素，以及开启了 designMode 的任意元素。在contenteditable 和 designMode 的情况下，事件的 target 为当前正在编辑的宿主。如果这些属性应用于多个元素上，当前正在编辑的宿主为最近的父节点不可编辑的祖先元素。

对于 type=checkbox 或 type=radio 的 input 元素，每当用户切换控件（通过触摸、鼠标或键盘）时（HTML5 规范），input 事件都应该触发。然而，历史事实并非如此。请检查兼容性，或使用 change 事件代替这些类型的元素。

<input placeholder="输入一些文本" name="name" />
<p id="values"></p>

const input = document.querySelector("input");
const log = document.getElementById("values");

input.addEventListener("input", updateValue);

function updateValue(e) {
  log.textContent = e.target.value;
}