Tab 移動時やクリック時に文字列を選択させる - Javascript

JavascriptでTab移動時やクリック時に文字列を選択させる方法です。

本件はコメントに質問をいただいたので、その回答用に用意した記事となります。

実務の中では、入力項目のテキストボックスをTabで移動した際や、クリックした際に選択状態にするというのはよくあることですね。つまり、フォーカス取得時のイベントということになります。これは、ユーザビリティ向上のため不可欠なことです。

ここでは Javascriptでフォーカス時に文字列を選択させる方法 を紹介します。


Javascriptでフォーカス時に文字列を選択させる方法

実装方法は下記の通りです。

<input type="text" value="選択させたい文字列" onfocus="this.select();" />

実際にコードを書くと下記のような感じです。

簡単ですね^^

まとめ

Javascriptでフォーカス時に文字列を選択させる方法を紹介しました。

上に書いたコードは、トラックバックの URL とかコピーしてほしい情報がサイト内にあるときに活用できますよ。

おつかれさまでした。

この記事がお役に立ちましたら シェア をお願いいたします。