inputフォーム内のURLをクリック時に全選択させてコピーしやすくする

 

いつも忘れるので自分のメモ用にも。

inputフォーム内のURLなどをコピーさせたい場合、クリックした時に全選択させたいですよね。

で、こうすれば良いです。

onclick="this.select() を追加する。

<input type="text" value="http://www.ri-que.com" onclick="this.select()">

はい。無事クリック時に全選択させることができました。

あとは読み取り専用のreadonlyも追加しておきましょう。

<input type="text" value="http://www.ri-que.com" onclick="this.select()" readonly>

よし!記事書いたからもう忘れないかな!

 

Add a Comment

メールアドレスが公開されることはありません。

CAPTCHA


This blog is kept spam free by WP-SpamFree.