TextFormat: rangeEnd プロパティ

Limited availability

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

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

TextFormat インターフェイスの rangeEnd プロパティは、この書式を適用するべきテキストの範囲の終点を表します。

値

Number です。

例

書式を適用するべきテキストの範囲を読み取る

以下の例では、textformatupdate イベントの rangeStart および rangeEnd プロパティを用いて、書式を適用するべきテキストの範囲を判別する方法を示します。この例におけるイベントリスナーコールバックは、IME ウィンドウを用いてテキストを変換しているときにしか呼ばれないことに注意してください。

html
<div id="editor" style="height:200px;background:#eee;"></div>
js
const editorEl = document.getElementById("editor");
const editContext = new EditContext(editorEl);
editorEl.editContext = editContext;

editContext.addEventListener("textformatupdate", (e) => {
  const formats = e.getTextFormats();

  for (const format of formats) {
    console.log(
      `IME wants to apply formatting between ${format.rangeStart} and ${format.rangeEnd}.`,
    );
  }
});

仕様書

Specification
EditContext API
# dom-textformat-rangeend

ブラウザーの互換性

BCD tables only load in the browser

関連情報