Button.OnClientClick プロパティ

定義

Button コントロールの Click イベントが発生したときに実行されるクライアント側スクリプトを取得または設定します。Gets or sets the client-side script that executes when a Button control's Click event is raised.

public:
 virtual property System::String ^ OnClientClick { System::String ^ get(); void set(System::String ^ value); };
[System.Web.UI.Themeable(false)]
public virtual string OnClientClick { get; set; }
member this.OnClientClick : string with get, set
Public Overridable Property OnClientClick As String

プロパティ値

Button コントロールの Click イベントが発生したときに実行されるクライアント側スクリプト。The client-side script that executes when a Button control's Click event is raised.

属性

このトピックでは、ソースコードが含まれている Visual Studio Web サイトプロジェクトをダウンロードできます。A Visual Studio Web site project with source code is available to accompany this topic: Download.

次のコード例では、OnClientClick プロパティを使用して、Button コントロールがクリックされたときに実行される追加のクライアント側スクリプトを指定する方法を示します。The following code example demonstrates how to use the OnClientClick property to specify additional client-side script that executes when a Button control is clicked.

<%@ page language="C#"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

void Button1_Click (object sender, EventArgs e)
  {
    Label1.Text = "Thank you for visiting our site.";

  }
  
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="head1" runat="server">
    <title>Button.OnClientClick Example</title>
</head>
<body>
  <form id="form1" runat="server">
    
    <h3>Button.OnClientClick Example</h3> 
     
      
      <h4>Click to navigate to Microsoft.com:</h4>     
              
      <asp:button id="Button1"
       usesubmitbehavior="true"
       text="Open Web site"
       onclientclick="Navigate()"
       runat="server" onclick="Button1_Click" />
       
       <p></p>
      <asp:label id="Label1"
        runat="server">
      </asp:label>

    </form>
    
    <script type="text/javascript">
      function Navigate()
      {
        javascript:window.open("http://www.microsoft.com");
      }    
      
    </script>
</body>
</html>
<%@ page language="VB"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

  Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
    Label1.Text = "Thank you for visiting our site."
  End Sub
  
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="head1" runat="server">
    <title>Button.OnClientClick Example</title>
</head>
<body>
  <form id="form1" runat="server">
    
    <h3>Button.OnClientClick Example</h3> 
     
      
      <h4>Click to navigate to Microsoft.com:</h4>     
              
      <asp:button id="Button1"
       usesubmitbehavior="true"
       text="Open Web site"
       onclientclick="Navigate()"
       runat="server" onclick="Button1_Click" />
       
       <p></p>
      <asp:label id="Label1"
        runat="server">
      </asp:label>

    </form>
    
    <script type="text/javascript">
      function Navigate()
      {
        javascript:window.open("http://www.microsoft.com");
      }    
      
    </script>
</body>
</html>

注釈

Button コントロールの Click イベントが発生したときに実行される追加のクライアント側スクリプトを指定するには、OnClientClick プロパティを使用します。Use the OnClientClick property to specify additional client-side script that executes when a Button control's Click event is raised. このプロパティに指定したスクリプトは、コントロールの定義済みのクライアント側スクリプトに加えて、Button コントロールの OnClick 属性に表示されます。The script that you specify for this property is rendered in the Button control's OnClick attribute in addition to the control's predefined client-side script.

このプロパティは、テーマまたはスタイル シート テーマによって設定することはできません。This property cannot be set by themes or style sheet themes. 詳細については、「ThemeableAttribute and ASP.NET theme And スキン」を参照してください。For more information, see ThemeableAttribute and ASP.NET Themes and Skins.

適用対象

こちらもご覧ください