Js控制回车键

来源:互联网 发布:时间函数php 编辑:程序博客网 时间:2024/05/14 08:44
 

在ASP.NET网页中,使用服务器button按钮,默认第一个button响应回车键的点击事件。

 

比如

 

 <body>
    <form id="form1" runat="server">
    <div>
        姓名:<asp:TextBox ID="txtName" runat="server"></asp:TextBox><br />
        密码:<asp:TextBox ID="txtPwd" runat="server"></asp:TextBox><br /> 
        <asp:Button ID="btnSubmit" runat="server" Text="登陆"

       onclick="btnSubmit_Click" />
        <input id="Reset1" type="reset" value="重置" />
    </div>
    </form>
</body>

 

这个表单中就按下回车就默认触发了btnSubmit_Click事件。

 

很多时候,第一个按钮这不是用户在点击回车后想做事情。一般来说,回车键是完成输入工作后提交数据如、关闭当前弹出窗口、输入关键字后回车进行搜索。

 

在ASP.NET网页中设置回车键的解决方法是使用javascript的onkeydown方法捕捉键盘点击事件,使用event.keyCode来获取用户点击的键位。

 

<head>
    <title></title>
    <link href="css/admin.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript">
        function KeyDown() {
            var btnsearch = document.getElementByIdx_x_x('<%=btnSearch.ClientID %>');

            // 如果按下回车键
            if (window.event.keyCode == 13) {
                btnsearch.click();

                //取消回车键的默认操作
                window.event.returnValue = false
            }
        }
    </script>
</head>
<body onkeydown="KeyDown()">

原创粉丝点击