回车实现Tab 键 功能

为了满足客户使用回车键代替Tab键的需求,本文介绍了一种通过VBScript和JavaScript在页面上监听回车键并模拟Tab键功能的方法。初始脚本会使得焦点在所有元素间移动,但会干扰到按钮的提交操作。为解决这个问题,对脚本进行了改进,增加了判断条件,确保在非提交按钮、非重置按钮、非文本区域的情况下,回车键才执行焦点转移。
摘要由CSDN通过智能技术生成

最近在客户那边实施个项目,发现他们用Enter 键的熟练程度简直让人无法想像..一个收汇单,填两栏数据,操作是点确认或者退回,可能刚开始做的时候,光标默认是在退回按钮上的。结果让他们退回了5次,也没有填上要求的两个数据..<br />没办法,只能让他们拿回车当TAB用,他们也强烈这样要求。。

网上找到了个用脚本解决的办法.:
用客户端脚本在页面添加document的onkeydown事件,让页面在接受到回车事件后,进行Tab键的功能,即只要把event的keyCode由13变为9
  VBScript代码:
  <script language="vbscript">
  sub document_onkeydown
   if event.keyCode=13 then
   event.keyCode=9
   end if
  end sub
  </script>
  Javascript代码如下:
  <script language="javascript" for="document" event="onkeydown">
  <!--
   if(event.keyCode==13)
   event.keyCode=9;
  -->
  </script>
  这样的处理方式,可以实现焦点往下移动,但对于按钮也起同样的作用,一般的客户在输入完资料以后,跳到按钮后,最好能直接按"回车"进行数据的提交.因此,对上面的方法要进行一下修改,应该对于"提交"按钮不进行焦点转移.而直接激活提交.
  因此我对上面的代码进行了一个修改,即判断事件的"源",是否为提交按钮,代码如下:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值