TextUpdateEvent：updateRangeStart 属性

可用性有限

此功能不是基线功能，因为它在一些最广泛使用的浏览器中不起作用。

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

TextUpdateEvent.updateRangeStart 只读属性指示在 EditContext 对象中被替换的文本范围的起始位置。

值

一个 Number。

示例

使用 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}" between index ${e.updateRangeStart} and index ${e.updateRangeEnd}.`,
  );
});

规范

规范
EditContext API
# dom-textupdateevent-updaterangestart

浏览器兼容性

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