テキストボックス(HTMLテキストボックスコントロール)をクリックした際にテキストボックス内のテキストを全て選択する

ASP.NET Webフォームアプリケーションでテキストボックス(HTMLテキストボックスコントロール)をクリックした際にテキストボックス内のテキストを全て選択するコードを紹介します。

概要

HTMLページのテキストボックスをクリックした際に、テキストボックス内の文字をすべて選択させたい場合があります。
この場合は、JavaScriptを利用してクリック時にテキストボックスを全選択させることができます。

textBoxコントロールに

onfocus="this.select()"

onclick="this.select(0,this.value.length)"

を追記することで対応できます。

コード例1 (asp.net TextBoxコントロール)

<asp:TextBox ID="TextBox1" runat="server" CssClass="textBoxClass" 
 onfocus="this.select()" TextMode="MultiLine" ReadOnly="True"></asp:TextBox>

コード例2 (asp.net TextBoxコントロール)

<asp:TextBox ID="TextBox1" runat="server" CssClass="textBoxClass" 
 onclick="this.select(0,this.value.length)" TextMode="MultiLine" ReadOnly="True"></asp:TextBox>

コード例3 (HTML TextBox)

<input type="text" onfocus="this.select();" value="TextMessage" />

著者

Penta

iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用