DOM

Selection.modify() メソッド

 編集:2022.09.25 by T.A.

単純なテキスト・コマンドを使用して、現在の選択またはカーソル位置に変更を適用します。→MS(en)

非標準: この機能は非標準であり、標準の軌道に乗っていません。Webに面している実稼働サイトでは使用しないでください。すべてのユーザーに対して機能するとは限りません。また、実装間に大きな非互換性があり、動作が将来変更される可能性があります。

構文
sel.modify(alter, direction, granularity)
sel
Selection
sel
alter
適用する変更のタイプ。"move" を指定して現在のカーソル位置を移動するか、"extend" を指定して現在の選択範囲を拡張します。
direction
現在の選択を調整する方向。"forward" または "backward" を指定して、選択ポイントの言語に基づいて適切な方向に調整できます。特定の方向に調整したい場合は、"left" または "right" を指定できます。
granularity
現在の選択またはカーソル位置を調整する距離。"character"、"word"、"sentence"、"line"、"paragraph"、"lineboundary"、"sentenceboundary"、"paragraphboundary"、"documentboundary" で移動できます。
character ¶文字単位
word ¶単語単位
sentence ¶文単位
line ¶行単位
paragraph ¶段落単位
lineboundary ¶行境界
sentenceboundary ¶文境界
paragraphboundary ¶段落境界
documentboundary ¶文書境界

注: Gecko は、"sentence"、"paragraph"、"sentenceboundary"、"paragraphboundary"、"documentboundary" を実装していません。WebKit と Blink はそうします。

注: Gecko 5.0 以降、デフォルトのプラットフォームの動作に関係なく、"word" の粒度に次のスペースが含まれなくなりました。これにより、動作の一貫性が高まり、WebKit が以前と同じように機能するようになりますが、残念ながら、最近動作が変更されました。

let select = document.querySelector('select');
let selection = window.getSelection();
selection.modify('extend', 'forward', select.value);

テスト
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: