输入事件：inputType 属性

inputType 是 InputEvent 接口的只读属性，它返回对可编辑内容所做的更改类型。可能的更改包括插入、删除和格式化文本等。

值

包含所进行的输入类型的字符串。有许多可能的值，例如 insertText、deleteContentBackward、insertFromPaste 和 formatBold。有关可用输入类型的完整列表，请参阅 输入事件级别 2 规范的属性部分。

示例

此示例记录了可编辑 <div> 上 输入事件 的 inputType。

HTML

html
<p id="log">Input type:</p>
<div
  contenteditable="true"
  style="margin: 20px;padding: 20px;border:2px dashed red;">
  <p>
    Some sample text. Try inserting line breaks, or deleting text in different
    ways, or pasting different content in.
  </p>
  <hr />
  <ul>
    <li>A sample</li>
    <li>bulleted</li>
    <li>list.</li>
  </ul>
  <p>Another paragraph.</p>
</div>

JavaScript

js
const log = document.getElementById("log");
const editable = document.querySelector("div[contenteditable]");
editable.addEventListener("input", logInputType);

function logInputType(event) {
  log.textContent = `Input type: ${event.inputType}`;
}

结果

尝试编辑 <div> 内部的文本，看看会发生什么。

注意：另请参阅 Masayuki Nakano 的输入事件测试套件，了解更详细的示例。

规范

规范
UI 事件
# dom-inputevent-inputtype

浏览器兼容性

BCD 表只在浏览器中加载