JavaScript setSelectionRangeメソッドで指定した範囲の文字列を選択する

環境
Google Chrome  115.0.5790.171(Official Build) (64 ビット)
Windows 11 Pro 64bit

構文
HTMLInputElement.setSelectionRange() メソッドは、 <input> または <textarea> 要素の中で
現在のテキストの選択範囲の開始位置と終了位置を設定します。
setSelectionRange(selectionStart, selectionEnd)

selectionEnd が selectionStart より小さい場合、両方の値は selectionEnd として扱われます。
selectionStart 選択する最初の文字の 0 から始まる位置です。

使用例

<!DOCTYPE html>
<html>
<body>

<input type="text" id="phone" value="1234567890">
<button id="btn">表示</button>


<script>
function funA() {
  // フォーカスを移動
  document.getElementById("phone").focus()
  
  // 選択状態にする
  document.getElementById("phone").setSelectionRange(5, 8);

}

</script>

</body>
</html>

実行結果
表示ボタンを押下すると、テキストボックスの値「678」が選択されます。

JavaScript

Posted by arkgame