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

目录
相关文章
|
Web App开发 JavaScript
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
27 0
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
77 0
|
2天前
|
JavaScript 前端开发 测试技术
学习JavaScript
【4月更文挑战第23天】学习JavaScript
10 1
|
10天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
|
1月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
1月前
|
JavaScript
Vue.js学习详细课程系列--共32节(4 / 6)
Vue.js学习详细课程系列--共32节(4 / 6)
35 0
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
|
2月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
64 1
|
2月前
|
数据采集 机器学习/深度学习 JavaScript
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
51 0