TextUpdateEvent: updateRangeEnd 属性

可用性有限

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

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

TextUpdateEvent.updateRangeEnd 只读属性表示 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-updaterangeend

浏览器兼容性