テキストボックスにフォーカスを当てた時に全選択状態にするには、select()を使用します。
サンプル
例）フォーカスを当てると値が選択状態になる
|
1 2 3 4 5 6 7 8 9 |
<html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> </head> <body> <input type="text" value="hogehoge" onfocus="this.select();"> </body> </html> |
実行サンプル
以下で動作確認できます。
↓ここにフォーカスが当たると値が全選択された状態となります
↓参考までに、こちらはselect()を設定していない通常のテキストボックスです。
↓参考までに、こちらはselect()を設定していない通常のテキストボックスです。
解説
- テキストエリア(textarea)でも、同様に全選択を行えます。
edgeだと全選択されないのですが、原因は分かりますか？
Windows10Pro
Edge42.17134.1.0
です。
jQueryを使用しますが、以下ページの「例２」のサンプルを使うとEdgeでも全選択できます。
[jQuery] フォーカス時に文字を全選択状態にする（.select）
早速に対応していただき、ありがとうございます。
とても助かります。
お礼が遅くなりすみません。
また何かありましたら、
いつでもコメント欄からご質問ください (^^)/