こんにちは、なかわけです。

最近見かけたちょっと親切なJavascript。自分のために覚書き。

サイトでソースコードをコピーしてもらいたいときにテキストエリアを使用しますが、そのまま使ってしまうとそのテキストエリアに入力できてしまったり、テキストを選択するときにドラッグしないといけませんよね。
今日紹介するのは（といってもなかわけが発見したわけじゃないけど）、テキストエリアをクリックするとテキストが選択できちゃうサンプルです。

▼下の<textarea>をクリックするとテキストが選択できちゃうサンプル

<br /> ここにコピーさせたいテキストを入れておきます。<br /> 今後ともnakawake.oops.jpをよろしくおねがいね☆<br />

初めてみたときに、お！と思いました。実際どう書くかは下のソースコードをコピーして参考にしてください。といいつつもう使ってみたり。

▼サンプルソースコード

<br /> <textarea readonly onclick="javascript:this.select();this.focus();" style="width:200px;height:150px;"><br /> ここにコピーさせたい内容を入力しておきます。<br /> </textarea><br />

あ～こういうの見つけると、いいサイト作りたいって思う・・・。Javascriptってめんどくさいけど楽しい。

This entry was posted on 木曜日, 2月 1st, 2007 at 3:22 AM and is filed under JavaScript. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.