| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

「ASP.NET サーバー コントロールにクライアント スクリプト イベントを追加」の版間の差分

提供: MyMemoWiki
ナビゲーションに移動 検索に移動
1行目: 1行目:
 
==ASP.NET サーバー コントロールにクライアント スクリプト イベントを追加==
 
==ASP.NET サーバー コントロールにクライアント スクリプト イベントを追加==
[[ASP.NET]][[Visual Studio]][[C#]]
+
| [[ASP.NET]] | [[Visual Studio]] | [[C#]]
 
*http://msdn.microsoft.com/ja-jp/library/7ytf5t7k.aspx
 
*http://msdn.microsoft.com/ja-jp/library/7ytf5t7k.aspx
 
===サーバー コントロールにクライアント イベント ハンドラーを宣言によって追加===
 
===サーバー コントロールにクライアント イベント ハンドラーを宣言によって追加===

2020年2月15日 (土) 08:30時点における版

ASP.NET サーバー コントロールにクライアント スクリプト イベントを追加

| ASP.NET | Visual Studio | C#

サーバー コントロールにクライアント イベント ハンドラーを宣言によって追加

  • コントロールのマークアップで、onmouseover、onkeyup などのイベントの属性を追加

<blockquote>属性のクライアント スクリプトの後には、必ずセミコロン (;) を追加してください。これは、コントロールの AutoPostBack プロパティが true に設定されている場合など、ASP.NET がコントロール用にクライアント スクリプトを生成する場合に、各自のコードが最初に実行されるようにするために必要</blockquote>

プログラムによって追加

protected void Page_Load(object sender, EventArgs e)
{
    String displayControlName = "spanCounter";
    TextBox1.Attributes.Add("onkeyup", displayControlName + 
        ".innerText=this.value.length;");
}

コントロールにクライアントの イベントを追加

 <form id="form1" runat="server">
   <asp:Button ID="Button1" Runat="server" 
     OnClick="Button1_Click" 
       OnClientClick="return confirm('Ready to submit.');" 
       Text="Test Client Click" />
   <br />
   <asp:Label ID="Label1" Runat="server" text="" />
 </form>