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

时间: 2024-10-24 01:10:49

Js控制回车键的相关文章

js控制表单奇偶行样式的简单方法

这篇文章介绍了js控制表单奇偶行样式的简单方法,有需呀偶的朋友可以参考一下   一.如果使用JQuery的话可以直接JQuery的 复制代码 代码如下: $("tr:odd").addClass("clazzName"); $("tr:even").addClass("clazzName"); 二.如果是使用纯js的话 1.先获取table标签,var table = document.getElementById() 2.再

js控制页面元素坐标常用的两种方法

文章简介:获取页面中元素到文档区域document的横向.纵向坐标的两种方法及其比较. 获取页面中元素到文档区域document的横向.纵向坐标的两种方法及其比较 在js控制元素运动的过程中,对于页面元素坐标位置的获取是经常用到的,这里主要总结下两种方法: 一:通过叠加元素对象和它的offsetParent(如果存在)的offsetLeft/offsetTop属性来实现 在阅读javascript高级程序设计第三版DOM部分时,了解到要获取某个元素在页面上的偏移量,需要将这个元素的offsetL

JS控制INPUT格式时间输入

js|控制 <script language=javascript>function VerifyTime(id, type) {str = document.all(id).value;str = str.replace(/\s*/, "");str = str.replace(/\s*$/, "");document.all(id).value = str; //这几句只是用于将字符串首尾的空格去掉if (str.length == 0) retur

通过JS控制flash场景随内容而增减的方法

js|控制 本教程摘操自<Flash MX 2004 ActionScript 2.0 与RIA应用程序开发>//---------------------------------------------------在过去,Flash是无法做到随内容的增减而缩放场景的,按在Flash 6以后,利用Stage的属性控制Flash影片的固定比例(Stage.scaleMode = "noScale";)和靠左上角(Stage.align="TL";),整个影

用css和js控制UL实现的二级菜单

本文代码的运行结果: <style type="text/css"> *{margin:0px;padding:0px;} .my_nav { width:163px; font-size: 12px; font-family: Arial,Verdana,Helvetica,sans-serif; } ul /** 一级菜单 */ { list-style: none; width:163px; } ul li /** 一级菜单菜单项 */ { position: rel

js控制滚动条缓慢滚动到顶部

<html> <head> <script type="text/javascript"> var currentPosition,timer; function GoTop(){ timer=setInterval("runToTop()",1); } function runToTop(){ currentPosition=document.documentElement.scrollTop || document.body.

js控制文本框输入的字符类型方法汇总

这篇文章主要给大家汇总介绍了js控制文本框输入的字符类型的各种方法,十分的简单实用,有需要的小伙伴可以参考下.     JS 控制文本框只能输入数字    代码如下: <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^0-9]/g,''

js控制的遮罩层实例介绍

 闲来无事,把项目里很土的弹窗,改成了遮罩层显示,感觉效果好点了.上代码:  父页面:   代码如下: <div id='newDiv1' style="display: none;">  <%@include file='/WEB-INF/jsp/infobackup/martyr/printCertDia.jsp' %>  <%--<jsp:include page="/WEB-INF/jsp/infobackup/martyr/pri

js控制网页前进和后退的方法

  本文实例讲述了js控制网页前进和后退的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 //后退: <input type="button" value="后退" onclick="javascript:history.go(-1);"> //前进: <input type="button" value="前进" onclick="javascript:hi