Tab 移動時やクリック時に文字列を選択させる - Javascript
JavascriptでTab移動時やクリック時に文字列を選択させる方法です。
本件はコメントに質問をいただいたので、その回答用に用意した記事となります。
実務の中では、入力項目のテキストボックスをTabで移動した際や、クリックした際に選択状態にするというのはよくあることですね。つまり、フォーカス取得時のイベントということになります。これは、ユーザビリティ向上のため不可欠なことです。
ここでは Javascriptでフォーカス時に文字列を選択させる方法 を紹介します。
Javascriptでフォーカス時に文字列を選択させる方法
実装方法は下記の通りです。
<input type="text" value="選択させたい文字列" onfocus="this.select();" />
実際にコードを書くと下記のような感じです。
簡単ですね＾＾
まとめ
Javascriptでフォーカス時に文字列を選択させる方法を紹介しました。
上に書いたコードは、トラックバックの URL とかコピーしてほしい情報がサイト内にあるときに活用できますよ。
おつかれさまでした。