javascript テキストボックスをフォーカス時に全選択状態にする

javascript テキストボックスをフォーカス時に全選択状態にする

javascriptで、selectを使って、テキストボックスをフォーカス時に全選択状態にするサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

全選択状態やり方

onfocusを利用します。

サンプルコード

以下は、
テキストボックスにフォーカスが当たれば、入力されているテキストを全選択する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

全選択されていることが確認できます。