HTMLInputElement: select() メソッド

Baseline 広く利用可能

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

HTMLInputElement.select() メソッドは、<textarea> 要素またはテキストフィールドを含む <input> 要素内のすべてのテキストを選択します。

構文

select()

引数

なし。

返値

なし (undefined)。

例

この例のボタンをクリックすると、 <input> 要素内のすべてのテキストが選択されます。

HTML

html
<input type="text" id="text-box" size="20" value="Hello world!" />
<button onclick="selectText()">テキストを選択</button>

JavaScript

js
function selectText() {
  const input = document.getElementById("text-box");
  input.focus();
  input.select();
}

結果

メモ

element.select() を呼び出しても、入力欄がフォーカスを得るとは限りませんので、よく HTMLElement.focus と一緒に使われます。

これに対応していないブラウザーでは、 HTMLInputElement.setSelectionRange() の引数に 0 と入力値の長さを指定して呼び出すことで置き換えることができます。

html
<input onClick="this.select();" value="Sample Text" />
<!-- equivalent to -->
<input
  onClick="this.setSelectionRange(0, this.value.length);"
  value="Sample Text" />

仕様書

HTML
# dom-textarea/input-select

ブラウザーの互換性

ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。

MDN の改良に協力

このページは役に立ちましたか？

はいいいえ

協力方法を知る

このページは MDN の貢献者によって 2024年4月11日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告

HTMLInputElement: select() メソッド

目次

構文

引数

返値

例

HTML

JavaScript

結果

メモ

仕様書

ブラウザーの互換性

関連情報

MDN の改良に協力