Js控制回车键

简介:
 

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

目录
相关文章
|
17天前
|
JavaScript
|
Web App开发 JavaScript
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
158 63
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
25 6
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
32 5
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的箱包存储系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的箱包存储系统附带文章源码部署视频讲解等
21 5
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
25 3
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的项目申报管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的项目申报管理系统附带文章源码部署视频讲解等
20 3
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的闲置图书分享附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的闲置图书分享附带文章源码部署视频讲解等
23 0
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园食堂订餐系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园食堂订餐系统附带文章源码部署视频讲解等
43 10