TextFormat: rangeStart プロパティ

Limited availability

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

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

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

値

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-rangestart

ブラウザーの互換性

BCD tables only load in the browser

関連情報