让焦点自动跳转

最新推荐文章于 2021-12-01 18:32:28 发布

rmzhang33

最新推荐文章于 2021-12-01 18:32:28 发布

阅读量1.1k

点赞数

分类专栏： javascript部分文章标签： javascript input function action

本文链接：https://blog.csdn.net/rmzhang33/article/details/105241

版权

javascript部分专栏收录该内容

31 篇文章 0 订阅

订阅专栏

让焦点自动跳转

原作者：追风人气：97

以下四个文本框，每个限输入四个字符，输入完后自动跳到下一文本框：
在<head>...</head>之间加入如下代码：
<script ID="clientEventHandlersJS" 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();
}
}

function T3_onkeyup() {
if(document.card.T3.value.length==4){
document.card.T4.focus();
}
}
//-->
</script>

在<body>...</body>之间加入如下代码：
<form method="POST" name="card" action>
输入字符：
<input type="text" name="T1" size="4" maxlength="4" LANGUAGE="javascript" οnkeyup="return T1_onkeyup()">-

<input type="text" name="T2" size="4" maxlength="4" LANGUAGE="javascript" οnkeyup="return T2_onkeyup()">-

<input type="text" name="T3" size="4" maxlength="4" LANGUAGE="javascript" οnkeyup="return T3_onkeyup()">-

<input type="text" name="T4" size="4" maxlength="4">
</form>