»テキストエリアをクリックしたら全選択

ユーザがコピーするだけのテキストエリアならば、ユーザビリティを考えるとクリックした時点で全選択されると嬉しいですよね。
これはJavascriptを使えば簡単に実装できます。

jQueryを利用して書く場合

javascriptに

$("#hoge").click(
	function(){
		$(this).select();
	}
);

HTMLのtextareaにはidを指定しておけばOK。

<textarea id="hoge" readonly></textarea>

と書いてやるだけです。

jQueryを使わないで書く場合

javascriptに

function btnClick(obj){
	obj.select();
}

HTMLのtextareaにonclick要素を追加して関数を呼び出す。

<textarea onclick="btnClick(this);" readonly></textarea>

と書いてやるだけです。

jQueryは簡単ですね~。

公開日: 2013年1月18日 19:01 | カテゴリー: HTML, JavaScript | タグ: ,