javascript - 如何在按钮单击中调用两个方法？

Question

如何在 Button.click 中调用两种方法。我希望当我单击按钮时，一种方法在后面的代码中运行，另一种在脚本标记中运行。

html:

<asp:Button ID="btnUpdate" runat="server" Text="Button" OnClick="btnClick" />

Javascript：

var modal1 = document.getElementById('myModal1');
var modal2 = document.getElementById('myModal2');
var btnUpdate = document.getElementById("btnUpdate")

btnUpdate.onclick = function (e) {
    e.preventDefault();
    modal1.style.display = "none";
    modal2.style.display = "block";
} 

后面的代码：

protected void btnClick(object sender, EventArgs e)
{
    txtCode.Value = "Foo";
}

现在脚本标签中的方法有效，但另一种方法无效。请帮助我。顺便说一句，我使用 Asp.Net。

标签： javascriptc#html

Answer 1

按钮的默认行为是将表单提交到服务器。

使用时，e.preventDefault();您会阻止表单提交到服务器，这就是客户端代码有效而服务器无效的原因。