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

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" />

著者
iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用
最終更新日: 2021-08-24
作成日: 2011-01-16
iPentec all rights reserverd.