通常在网页中添加大量内容时,为了便捷,需要实现回车替代Tab键,按照次序填写内容.
由于在asp.net中fouce函数中有功能,既控件聚焦.但是如果要实现回车替代Tab键还得需要脚本语言来实现.
其实原理很简单,在页面事件中,检测window.event.keyCode为13(既回车的键值),替换为9(既Tab键的键值).

<script   language="JavaScript" type="text/javascript">  
  <!--  
  window.document.attachEvent("onkeydown"   ,   function(){  
  if(window.event.keyCode==13){  
  window.event.keyCode   =   9;  
  }  
  });  
  //-->  
</script>

当然,要使asp.net页面中的控件按照一定的次序来"Tab",必须设置这些控件的TabIndex值,依照你所需要的顺序来编制.

<asp:TextBox ID="TextBox1" runat="server" AutoCompleteType="Department" TabIndex="1"></asp:TextBox><br />
        <asp:TextBox ID="TextBox2" runat="server" TabIndex="2"></asp:TextBox><br />
        <asp:TextBox ID="TextBox3" runat="server" TabIndex="3"></asp:TextBox>
        <br />
        <asp:TextBox ID="TextBox4" runat="server" TabIndex="4"></asp:TextBox><br />
        <asp:TextBox ID="TextBox5" runat="server" TabIndex="5"></asp:TextBox><br />
        <asp:Button ID="Button1" runat="server" Text="Button" /></div>

该例只实现了回车替代Tab键,但是在真正需要回车的时候,却只能是用鼠标点击按钮了.本人想实现一种更理想的方案,当所有文本框都已经填写完毕,正好聚焦(Tab)到了提交按钮时,按回车就直接提交了,这个想法若有人能实现,请在此留言,本人感激不尽!
全部代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
<script   language="JavaScript" type="text/javascript">  
  <!--  
  window.document.attachEvent("onkeydown"   ,   function(){  
  if(window.event.keyCode==13){  
  window.event.keyCode   =   9;  
  }  
  });  
  //-->  
</script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server" AutoCompleteType="Department" TabIndex="1"></asp:TextBox><br />
        <asp:TextBox ID="TextBox2" runat="server" TabIndex="2"></asp:TextBox><br />
        <asp:TextBox ID="TextBox3" runat="server" TabIndex="3"></asp:TextBox>
        <br />
        <asp:TextBox ID="TextBox4" runat="server" TabIndex="4"></asp:TextBox><br />
        <asp:TextBox ID="TextBox5" runat="server" TabIndex="5"></asp:TextBox><br />
        <asp:Button ID="Button1" runat="server" Text="Button" /></div>
    </form>
</body>
</html

转载于:https://www.cnblogs.com/chf/archive/2006/08/31/491185.html

在asp.net中实现回车替代Tab键相关推荐

  1. Eclipse ADT 使用空格替代Tab键缩进整块整块代码

    已经设置单行缩进使用space替代Tab,但是使用Tab缩进整块代码,Eclipse还是使用Tab,真是抓狂,这个可是个很常用的功能啊,特别是在你ctr-c, ctr-v的时候. 忍受了很久,今天把所 ...

  2. JS中,用回车键代替TAB键

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  3. oracle中去掉回车、Tab、制表、空格等特殊符号

    Oracle数据库中有各种数据类型,其中varchar2是存放字符串数据类型的,也是使用最多的类型,可以存储大部分的字段,包括常用的以及一些特殊的字符(如换行符.回车符.空格符等),但是这些特殊字符有 ...

  4. vscode中编写代码时tab键不能用

    所谓的不能用意思就是在编辑区域内,使用tab他自动切换了焦点 其实很简单,用Ctrl+M就可以了. vscode 的tab不起作用

  5. Ubuntu 16.4中root不能使用tab键来补全命令的解决方法

    1.用vim打开下面打文件 vim /root/.bashrc 2.找到最后的三行,把注释掉的三行去掉前面的#,再重新登录下账户就可以 if [ -f /etc/bash_completion ] & ...

  6. 寻找苦难旷野中的卡兹拉(tab键看地图)

  7. python中tab键_python中tab键是什么意思

    对于程序员来说,其实Tab和空格远远不只是"立场"问题那么简单. 在不同的编辑器里tab的长度可能不一致,所以在一个编辑器里用tab设置缩进后,在其它编辑器里看可能缩进就乱了.空格 ...

  8. python tab键_python中tab键是什么意思

    对于程序员来说,其实Tab和空格远远不只是"立场"问题那么简单. 在不同的编辑器里tab的长度可能不一致,所以在一个编辑器里用tab设置缩进后,在其它编辑器里看可能缩进就乱了.空格 ...

  9. 记事本中TAB键替换为空格键的方法

    转载自:http://blog.sina.com.cn/s/blog_6ce5d9fb0101hxkt.html 工作中需要将一些TAB键转换为空格键,需要的步骤如下: 原始数据如 01025    ...

最新文章

  1. [二分][前缀和]洛谷 P1083 借教室
  2. 开发C语言的3款神器,VS2019、VScode和IntelliJ Clion
  3. AQS的细节--自用,非正常教程
  4. Ubuntu下Memcache的安装与基本使用
  5. Hadoop:HDFS的概念理解和体系架构-成都加米谷大数据分享
  6. 小程序php mysql_PHP+TP小程序授权登陆实现
  7. SpringBoot+SpringMVC+MybatisPlus框架整合实现分页插件查询
  8. ID3、C4.5、CART决策树算法解析(关键内容讲解)
  9. 不为人知的AI简史:人机共生梦想家,却意外促成互联网的出现
  10. C#快速排序源码演示
  11. 第3章(3.2~3.7节)线性/Softmax回归实现【深度学习基础】--动手学深度学习【Tensorflow2.0版本】
  12. 蔡学镛:文档模板,天使或恶魔?
  13. 硬件设计——外围电路(晶振电路)
  14. Element引入Iconfont(阿里巴巴矢量图标库)第三方图标库
  15. @Retention(RetentionPolicy.RUNTIME)
  16. 【181018】基于MFC文档方式制作的飞碟射击游戏
  17. CentOS 7的安装配置图形界面
  18. c语言初级小游戏 · 闯关小鸟 | 激发你的编程兴趣(115行左右代码)
  19. bootstrapt 表格自适应_好用的自适应表格插件-bootstrap table (支持固定表头)
  20. 计算机毕业设计Java宠物托管系统(源码+系统+mysql数据库+lw文档)

热门文章

  1. 背英语单词很困难,不妨学习一下词根词缀吧(每天10个词根、词缀)Part 3
  2. Github上传代码指南(Window版,同样适合Linux版)
  3. YoloAll V2发布,集成所有主流Yolo模型于一身
  4. 如何在win10+VS2017环境下新建一个简单的WDF示例程序
  5. C++中cin、cin.get()、cin.getline()、getline()、gets()、getchar()、scanf()等函数的用法
  6. 使用机器学习预测天气_使用机器学习的二手车价格预测
  7. 杭州刚公布完摇号卖房新政,隔天就来个百亿地王,大家怎么看?
  8. 出国?上研?工作?回家种田?(一) 出国看世界
  9. centos php 开启libgdgd_CentOS6.6下yum安装PHP的gd库失败?-问答-阿里云开发者社区-阿里云...
  10. easyui一行显示多行_easyui datagrid以及oracle中的多行合并一行