繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 让焦点自动跳转
- Javascript
- 写的htc的数据表格
- 幻宇的层模拟窗口效果－提供演示和下载
- javascript 播放器 控制
- 一个无限级XML绑定跨框架菜单（For IE）
- innerHTML，outerHTML,innerTEXT三者之间的区别
- 无间断滚动的新闻文章列表 多浏览器兼容
- 图片连续不间断滚动像册
- 关于图片验证码设计的思考
- Js之软键盘实现(js源码)
- js技巧收集(200多个) 超强推荐
- 图片自动播放也可通过按钮控制显示
- 照片各部分的彩色与黑白交替更换
- select发展史 超强
- 无聊，写了个日历程序，欢迎拍砖
- greybox：不开新窗口看新的网页
- nicejforms：美化表单不用愁
- 用jquery来定位
- 动态调用css文件：jquery的应用
- 用YUI做了个标签浏览效果
- JS轻松实现CSS设置,DIV+CSS常用CSS设置
Javascript 中的 让焦点自动跳转
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 192 ::
收藏到网摘: n/a
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>html－www.51windows.Net</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>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>
评论 (0) All
