如何在asp.net按钮单击上应用JavaScript？

Question

我正在使用bootstrap alert autocloseable msg。 代码如下

<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>

Answer 1

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();
});

Answer 2

我希望这可以有所帮助。 我必须承认，你想实现的目标对我来说还不清楚。

<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()" />