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」が選択されます。