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; }); });

• Home

API

• Core
• Selectors
• Attributes
• Traversing
• Manipulation
• CSS
• Events
• Effects
• Ajax
• Utilities
• Internals

• 逆引きリファレンス