このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Selection: type プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2017年11月以降、すべてのブラウザーで利用可能です。

typeSelection インターフェイスの読み取り専用プロパティで、現在の選択範囲の種類を表す文字列を返します。

現在の選択範囲の種類を説明する文字列です。 取り得る値は以下の通りです。

None

現在、選択されている範囲はありません。

Caret

選択範囲は折りたたまれています(つまり、カーソルがテキストの上に置かれていますが、範囲は選択されていません)。

Range

範囲が選択されています。

この例では、新しい選択が行われるたびにイベントハンドラーが実行されます。 console.log(selection.type) は、カーソルがテキスト内の単一の位置にあるか、範囲が選択されているかによって、Caret または Range を返します。

js
let selection;

document.onselectionchange = () => {
  console.log("新しく選択が行われました");
  selection = document.getSelection();
  console.log(selection.type);
};

仕様書

仕様書
Selection API
# dom-selection-type

ブラウザーの互換性

関連情報