InputEvent:inputType 属性
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
InputEvent
接口中的只读属性 inputType
返回对可编辑内容所做更改的类型。可能的更改包括插入、删除和格式化文本。
值
一个包含所做输入的类型的字符串。有许多可能的值,例如 insertText
、deleteContentBackward
、insertFromPaste
和 formatBold
。有关可用输入类型的完整列表,请参阅 Input Events Level 2 规范的属性部分。
示例
HTML
html
<p id="log">Input type:</p>
<div
contenteditable="true"
style="margin: 20px;padding: 20px;border:2px dashed red;">
<p>一些示例文本。尝试插入换行符,或以不同方式删除文本,或粘贴不同内容。</p>
<hr />
<ul>
<li>一个例子</li>
<li>项目符号</li>
<li>列表</li>
</ul>
<p>另一个段落。</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}`;
}
结果
规范
Specification |
---|
UI Events # dom-inputevent-inputtype |
浏览器兼容性
BCD tables only load in the browser