OnClientClick事件未触发

Question

在我正在构建的网页中，默认情况下需要隐藏一个div，当用户单击链接按钮时该div才会显示。 这是链接按钮和以下div的代码：

    <asp:LinkButton runat="server" Text="Words & stuff go here"
        OnClientClick="button_Click"></asp:LinkButton>

    <div id="Calculator" runat="server" visible="false">
        //CODE GOES IN HERE 
    </div>

这是cs文件中链接按钮的代码：

void button_Click(object sender, EventArgs e)
    {
        if (Calculator.Visible)
            Calculator.Visible = false;

        else if (!Calculator.Visible)
            Calculator.Visible = true;
    }

我在后面的代码中有一个断点，当我调试时，从未到达断点，我也不知道为什么。

Answer 1

在客户端点击时用于客户端事件。 您必须使用onClick =“ button_Click”使其起作用。

Answer 2

OnClientClick希望button_Click事件在页面上的javascript中定义，而不是在后面的代码中的C＃中定义。

看到这个 。

Answer 3

ASP .NET控件的OnClientClick属性引用一个客户端函数，这意味着它将尝试调用JavaScript函数。

您有两种方法可以修复代码。

选项1：
如果希望按钮执行回发并在.cs文件中调用button_Click函数，则只需将按钮代码更改为：

<asp:LinkButton runat="server" Text="Words & stuff go here" OnClick="button_Click"></asp:LinkButton>

选项2：
如果希望使用OnClientClick ，则可以执行以下操作（在.aspx文件中）：

<script type="text/javascript">
function button_Click() {
  var calculator_id = '<%= Calculator.ClientID %>';
  var calculator = document.getElementById(calculator_id);
  if (calculator.style.display == 'none') {
    calculator.style.display = 'block';
  } else {
    calculator.style.display = 'none';
  }
}
</script>