按下Enter时自动跳向下一个控件

本文介绍了一种在网页中使用JavaScript实现按键导航的方法,通过监听输入框的键盘事件,使得用户能够利用方向键在不同的输入框间进行切换,提高了用户体验。


想要每一個 Text Box 的 onkeydown 事件都 Handle 則可以
<script language=javascript>

 window.onload = function init() //視窗載入完成時
 {
  var inputs = document.getElementsByTagName("input"); //取得所有的input
  for(i=0;i<inputs.length;i++) //對每一個input
   if(/^text/.test( inputs[i].type)) //如果是 Text box
    inputs[i].attachEvent("onkeydown", EnterToTab); //加入 onkeydown 事件時做 EnterToTab
 }

</script>

 

想要按上鍵能夠跳上一個TextBox則可以在上述的Function中加下下列判斷

 if(event.keyCode==38) //按下上鍵
 {
  var inputs = document.getElementsByTagName("input"); //取得所有的input
  for(i=0;i<inputs.length;i++) //對每一個input
   if(/^text/.test( inputs[i].type)) //如果是 Text Box
   if(inputs[i]==event.srcElement) //如果是按下按鍵的 Text Box
   {
    inputs[i-1].focus(); //則上一個TextBox取得駐點
    break;
   }
 }

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值