テキストボックス内の文字をワンクリックで選択させる

ブログや、相互リンクページなどでよく見かける

フィードは以下をお使い下さい

や

相互リンクのリンクタグは以下をコピーしてお使い下さい

ですが、使う側からするといちいちドラッグしてコピーするのがめんどくさかったりします。

ソースが長かったりなんかするとそれも余計に面倒です。
トリプルクリックすれば段落ごと範囲を選択できるのですが特に段落になっていない場合、全文選択されたりしてイラっとします。

Webサイト制作者ならそんな面倒なサンプルソースのコピーをユーザビリティに配慮し、少しでも楽にしてあげたいものです。

実は上記のサンプルテキストボックスはテキストをクリックするとワンクリックで全てが選択されるようになっています。
あとは右クリックしてコピーするだけですね。
ユーザーからすればそんな数秒、数回の簡単な操作も簡略化されていればストレスが減るわけです。

こちらがサンプルソースなので用途にあわせて使って下さい。

<input type="text" onfocus="this.select()" value="URL" size="55" />

<textarea cols="50" rows="3" onfocus="this.select()"><a href="URL"></a></textarea>

Webサイトの世界は日ごとシビアになってきており、ほんの少しのストレスがウィンドウを閉じる要因になってしまうことがあります。
企画や、デザインに力を注ぐのも当然ですが、こういった小さなことも積み重ねていきたいものです。