クリックでテキスト全体を選択するjQueryのサンプルです。リンクキットやこのサイトのようなtips系のサイトでよくあるソースコピーに最適なサンプルになります。
5行でかける軽量さも良いかと思います。
5行でかける軽量さも良いかと思います。
5行でできる簡単テキスト選択
■html
<textarea id="link_txt">フォーカスを当ててテキストを選択</textarea>
■javascript
$(function() { $("#link_txt").focus(function() { $(this).select(); }); });
解説
ポイントはたった2つ、focus()とselect()。
指定の要素にフォーカス(選択状態)したら、要素の中身を選択するという単純な作りです。
今回の例で言うとID名「link_txt」にフォーカス=focus()したら、ID名「link_txt」の中身を選択=select()する。
$("#link_txt").focus(function() { $(this).select(); });
今回は以上で終わりです。jQuery便利すぎる。