回车实现tab键功能

原创 2007年10月03日 23:08:00

用客户端脚本在页面添加document的onkeydown事件,让页面在接受到回车事件后,进行Tab键的功能,即只要把event的keyCode由13变为9 

<script language="javascript" for="document" event="onkeydown">
<!--
  if(event.keyCode==13 && event.srcElement.type!="button" && event.srcElement.type!="submit" && event.srcElement.type!="reset" && event.srcElement.type!="textarea" && event.srcElement.type!="")
     event.keyCode=9;
-->
</script>

这样的处理方式,可以实现焦点往下移动,但对于按钮也起同样的作用,一般的客户在输入完资料以后,跳到按钮后,最好能直接按"回车"进行数据的提交.因此,对上面的方法要进行一下修改,应该对于"提交"按钮不进行焦点转移.而直接激活提交.

 

因此我对上面的代码进行了一个修改,即判断事件的"源",是否为提交按钮,代码如下:

<script language="javascript" for="document" event="onkeydown">

<!--

  if(event.keyCode==13 && event.srcElement.type!=''''button'''' && event.srcElement.type!=''''submit'''' && event.srcElement.type!=''''reset'''' && event.srcElement.type!=''''textarea'''' && event.srcElement.type!='''''''')

     event.keyCode=9;

-->

</script>

判断是否为button, 是因为在HTML上会有type="button"

判断是否为submit,是因为HTML上会有type="submit"

判断是否为reset,是因为HTML上的"重置"应该要被执行

判断是否为空,是因为对于HTML上的"<a>链接"也应该被执行,这种情况发生的情况不多,可以使用"tabindex=-1"的方式来取消链接获得焦点.

javascript用回车键实现Tab键功能

  很多罗嗦的客户,喜欢提出这些需求!其实实现也不难!代码如下:我前段时间看了MS的ASP.NET讲座,在里面谈到了如何让"回车键"使文本框的焦点一个个下移.其中提了三种方法,最好的一种是这样的: 用...
  • lpy123456
  • lpy123456
  • 2006年11月15日 10:26
  • 670

asp.net 实现回车替代Tab

原文地址:http://blog.csdn.net/zhensoft163/archive/2010/07/23/5758017.aspx最近一个客户需要在网页上按回车来实现Tab键的功能,我们说也是...
  • maji9370
  • maji9370
  • 2010年09月09日 10:10
  • 1048

java的swing组件注册回车事件

使用的时候,只要将SwingUtils .enterPressesWhenFocused(JButton)这样就可以实现回车时候,触发按钮。另外文本输入框回车触发事件则是:SwingUtils .en...
  • lhjalt
  • lhjalt
  • 2009年08月03日 01:08
  • 2615

在WPF里面按Enter键得到Tab的效果

用所有控件放在Grid里,然后再定义其下所有元素的PreviewKeyDown事件: 后台代码写上: private void Grid_PreviewKeyDown(object sen...
  • ryb666666
  • ryb666666
  • 2016年12月01日 09:52
  • 805

回车实现Tab 键 功能

最近在客户那边实施个项目,发现他们用Enter 键的熟练程度简直让人无法想像..一个收汇单,填两栏数据,操作是点确认或者退回,可能刚开始做的时候,光标默认是在退回按钮上的。结果让他们退回了5次,也没有...
  • msy_84
  • msy_84
  • 2008年11月18日 17:40
  • 267

c# winform用“回车”键代替“Tab”键是提高用户体验

//首先将窗体的 keypreview 的属性设为 true private void 窗体_KeyPress(object sender, KeyPressEventArgs e) { ...
  • lilin8905
  • lilin8905
  • 2015年01月27日 18:24
  • 3026

C#winform里按ENTER键相当于按TAB键

首先在页面中的一个KeyPurview属性里设置为True,然后在页面的KeyDown事件里写下如下代码即可:  try            {                if (e.KeyCo...
  • CPU_2
  • CPU_2
  • 2008年09月11日 12:25
  • 1578

将“回车(ENTER)”转成“切换(TAB)”的JS和jQuery写法

 普通js  jQuery$(document).ready(function(){$(document).keydown(function(){if(ev
  • xiaxiaorui2003
  • xiaxiaorui2003
  • 2009年11月17日 20:20
  • 3311

Winform中实现TAB键的功能

1.需要设置窗体的KeyPreview属性为True。 2.处理窗体的KeyPress事件:     private void FrmProductsEditor_KeyPress(...
  • qq995475158
  • qq995475158
  • 2014年05月25日 19:14
  • 452

回车键代替Tab键下移焦点

1、在窗体的OnKeyPress(or OnKeyDown)中加入if key=#13 then    //如果加在KeyDown中,则为13 or VK_RETURNbegin  //此处可加条件,...
  • jing12
  • jing12
  • 2007年09月11日 15:24
  • 539
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:回车实现tab键功能
举报原因:
原因补充:

(最多只允许输入30个字)