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

目录
相关文章
|
7月前
|
JavaScript
|
Web App开发 JavaScript
|
2月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
36 1
JavaScript中的原型 保姆级文章一文搞懂
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
116 2
|
2月前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
23 0
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
162 4
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
92 4
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
84 4
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
101 4
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
95 3