如何在asp.net上应用javascript按钮点击

How to apply javascript on asp.net button click?

本文关键字：javascript 按钮 应用 asp net      更新时间：2023-09-26

我正在使用引导程序警报自动关闭消息。代码如下

<div id="alertdiv" class="alert">
    <a class="close" data-dismiss="alert">×</a><span>' + message + '</span></div>

Asp.net按钮点击代码

<div>
 <asp:Button ID="btnLogin" runat="server" Text="Login" CssClass="btn btn-block org" Style="margin-top: 0px" OnClick="btnLogin_Click" ValidationGroup="Login" OnClientClick="msg();" />
</div>

Javascript代码如下。javascript编写正确吗？请检查一下！

<script type="text/javascript">
    $(document).ready(function () {
        function msg() {
            window.setTimeout(function () {
                $(".alert").fadeTo(1500, 0).slideUp(500, function () {
                    $(this).remove();
                });
            }, 5000);
        }
    });
</script>

我希望这能有所帮助。我必须承认，我不清楚你想要实现什么

<script type="text/javascript">
     myClosure=function() {
        var canyousee = "here I'm ";
        return (function () {
            return { canyouseeIt: function(){return confirm (canyousee)}};
        });
    }
</script>

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="(myClosure())().canyouseeIt()" />

function msg() {
    window.setTimeout(function () {
        $(".alert").fadeTo(1500, 0).slideUp(500, function () {
            $(this).remove();
        });
    }, 5000);
}

你在准备中声明你的函数。在其外部声明。

$(document).ready(...);基本上是说"当我的文档完成渲染后，在里面运行代码。"你不想这么做，你只想声明你的函数在你的OnClientClick中使用。如果将msg()从.ready()中移出，它应该可以工作。

此外，ASP.NET控件呈现为常规html。如果我没有弄错的话，我相信<asp:button>渲染为常规按钮。您可以使用这样的委托事件处理程序：

$('#' + '<%= btnLogin.ClientID %>').on('click', function() {
    msg();
});
相关文章：