asp中隐藏按钮并响应回车事件

当asp中的button按钮添加Visible=”false”或者Style=”display: none;”属性后就不能响应回车事件了,可以通过jquery来解决

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            $("#<%= TextBox1.ClientID %>").keydown(function (event) {
                if (event.which == 13) {//按下Enter鍵
                    $("#<%= Button1.ClientID %>").click();
                }

            });

        });
       
    </script>
</head>
<body>
    <form runat="server">
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:Button Text="text" ID="Button2" runat="server" />
    <asp:Button ID="Button1"  UseSubmitBehavior="false" Style="display: none;" runat="server" Text="Submit" OnClick="Button1_Click" />
    </form>
</body>
</html>

发表评论

电子邮件地址不会被公开。 必填项已用*标注