焦点自动跳转的js实现代码

发布时间:2019-09-15编辑:脚本学堂
js控制页面内输入框焦点的自动跳转,有需要的朋友可以参考下。

完整代码如下。
 

复制代码 代码示例:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>焦点自动跳转_www.jb200.com</title>
</head>
<body>
每个限输入四个字符,输入完后自动跳到下一文本框
<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>
<form method="POST" name="card" action>
输入字符:
<input type="text" name="T1" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T1_onkeyup()">-

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

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

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

您可能感兴趣的文章:
js 控制页面跳转的五种方法
js 下拉菜单点击链接跳转的代码
js实现页面跳转的代码举例
select下拉列表框中超链接跳转的代码一例
select下拉列表菜单中超链接跳转的实现代码
js 倒计时多少秒后跳转页面的实例代码
js实现用户登录自动跳转的代码
js页面跳转 option location页面跳转的代码实例
js页面跳转方式 js页面跳转举例