TextUpdateEvent: text プロパティ

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

読み取り専用プロパティ TextUpdateEvent.text には、EditContext の textupdate イベントで更新された範囲に挿入されたテキストが格納されています。

値

updateRangeStart と updateRangeEnd が表す添字の間に格納されたテキストを置き換えるテキストが格納された String です。

例

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}.`,
  );
});

仕様書

Specification
EditContext API
# dom-textupdateevent-text

ブラウザーの互換性

BCD tables only load in the browser