TextUpdateEvent: text 属性

可用性受限

此功能不是基线功能,因为它在一些最广泛使用的浏览器中无法正常工作。

实验性: 这是一个 实验性技术
在生产环境中使用此功能之前,请仔细检查 浏览器兼容性表格

TextUpdateEvent.text 只读属性包含在 EditContexttextupdate 事件中更新范围内插入的文本。

一个 String,包含替换 updateRangeStartupdateRangeEnd 索引之间包含的文本的文本。

示例

使用 textupdate 显示插入的文本和位置

html
<div id="editor"></div>
js
const editorEl = document.getElementById("editor");
const editContext = new EditContext();
editorEl.editContext = editContext;

editContext.addEventListener("textupdate", (e) => {
  console.log(
    `The user inserted the text "${e.text}" at index ${e.updateRangeStart}.`,
  );
});

规范

规范
EditContext API
# dom-textupdateevent-text

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。