javascript 自动跳到下一输入区域

最新推荐文章于 2026-06-20 00:18:33 发布

原创最新推荐文章于 2026-06-20 00:18:33 发布 · 973 阅读

·

0

·

本内容遵循CC 4.0 BY-SA版权协议

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

标签

#javascript #input #function #html

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现当用户按下Enter键时，光标能够自动跳转到下一个文本框的方法。通过监听键盘事件和设定特定的tabIndex属性来完成这一功能。

按下Enter时，光标自动跳到下一个文本框

<html>
<head>
</head>
<script language="JavaScript">
document.onkeydown = function()
{
if(event.keyCode == 13)
{
event.keyCode = 9;
}
}
</script >

<body>

<form>
<input type="text" id="first" tabIndex="1">  
<input type="text" id="second" tabIndex="2">
</form>
</body>
<html>

或者

<script LANGUAGE="javascript">

function T1_onkeyup() {
if(document.card.T1.value.length==4){
     document.card.T2.focus();
   }
}
function T2_onkeyup() {
if(document.card.T2.value.length==4){
     document.card.T3.focus();
   }
}

</script>

<input type="text" name="T1" onkeyup="return T1_onkeyup()">-

<input type="text" name="T2" onkeyup="return T2_onkeyup()">-

<input type="text" name="T3" onkeyup="return T3_onkeyup()">-

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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