5行でできるjQueryのテキスト選択

5行でできるjQueryのテキスト選択

クリックでテキスト全体を選択するjQueryのサンプルです。リンクキットやこのサイトのようなtips系のサイトでよくあるソースコピーに最適なサンプルになります。
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便利すぎる。



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です