Question

我有点困惑使用这个脚本以及它实际上是如何工作的？

这是我的剧本：

 <script type="text/javascript">
        $(document).ready(function () {
            $('#<%=TextBox1.ClientID%>').change(function () {
                $('#various3').attr('href', $(this).val());
            });


                $("#<%=Button1.ClientID%>").click(function (event) {
                    setTimeout(showStickySuccessToast, 1000);
                    function showStickySuccessToast() {
                        $().toastmessage('showToast', {
                            text: 'Finished taking Screenshot!',
                            sticky: false,
                            position: 'middle-center',
                            type: 'success',
                            closeText: '',
                            close: function () {

                            }
                        });
                    }

                })                
        });
      </script>

这是我的按钮：

<a id="various3" href="#"><asp:Button ID="Button1" runat="server" 
    Text="Button" OnClientClick="Button1_Click"/></a>

这是我的button1_Click事件背后的代码：

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
    Dim NewTh As New Threading.Thread(AddressOf DoIT)
    NewTh.SetApartmentState(Threading.ApartmentState.STA)
    NewTh.Start()
    ImgPreview.ImageUrl = "~/uploads/Sample.jpg"
End Sub

现在，如果我点击按钮，它应该打开iframe并显示我能够做的消息。现在问题是我如何同时调用代码隐藏中的button1_Click事件。我使用了OnClick和OnClientClick事件，如下所示，但它不起作用，我没有收到任何错误。

Answer 1

Onclick =引发回发，执行服务器事件处理程序。

OnClientClick =引发客户端点击事件，你可以调用一个javascript函数，但你不能直接处理一个asp事件，虽然在调用javascript函数后会发生回发。

Answer 2

看起来你有倒退的事情：

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" />

上面的示例假定Button1_Click是代码隐藏的Click事件处理程序。由于您在jQuery中分配客户端点击事件，因此您根本不需要使用OnClientClick。

修改

我会检查以确保验证不会与点击相关。您可以通过在按钮上设置CausesValidation="false"来测试这一点。

使用Asp.Net的OnClick / OnClientClick事件

2 个答案: