jQuery日本語リファレンス

フォーカス時に全選択状態になるテキストエリアを作る

テキストエリアがフォーカスを得た時に全選択状態にするには、focusイベントでselectメソッドを呼び出します。

テキスト領域がフォーカスを得た際に、全て選択状態にしたい場合があります。 例えば「常に書き換えを行いたい場合」や「編集のためではなくジェネレートしたコードをコピーさせたい」場合などが、そうですね。 そういった場合には、このように記述すればカンタンです。

$(document).ready(function(){
  $('#text').focus(function(){
    $(this).select();
  });
});

更に、コードコピーなどのために全選択状態を維持したいならば、clickなどの他のイベントでも同じコールをすることで、状態を維持できます。

$(document).ready(function(){ $('#text2') .focus(function(){ $(this).select(); }) .click(function(){ $(this).select(); return false; }); });