让焦点自动跳转


Posted in Javascript onJuly 01, 2006

<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>

Javascript 相关文章推荐
如何实现iframe(嵌入式帧)的自适应高度
Jul 26 Javascript
基于jquery的jqDnR拖拽溢出的修改
Feb 12 Javascript
input 和 textarea 输入框最大文字限制的jquery插件
Oct 27 Javascript
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
Jan 24 Javascript
js使用数组判断提交数据是否存在相同数据
Nov 27 Javascript
javascript页面动态显示时间变化示例代码
Dec 18 Javascript
javascript实现2048游戏示例
May 04 Javascript
JavaScript与ActionScript3两者的同性与差异性
Sep 22 Javascript
利用iscroll4实现轮播图效果实例代码
Jan 11 Javascript
angular指令笔记ng-options的使用方法
Sep 18 Javascript
js通过Date对象实现倒计时动画效果
Oct 27 Javascript
JavaScript中import用法总结
Jan 20 Javascript
onpropertypchange
Jul 01 #Javascript
限制复选框的最大可选数
Jul 01 #Javascript
让innerHTML的脚本也可以运行起来
Jul 01 #Javascript
DEFER怎么用?
Jul 01 #Javascript
让插入到 innerHTML 中的 script 跑起来的实现代码
Jul 01 #Javascript
在网页中控制wmplayer播放器
Jul 01 #Javascript
Javascript的IE和Firefox兼容性汇编
Jul 01 #Javascript
You might like
php中使用array_filter()函数过滤空数组的实现代码
2014/08/19 PHP
Chrome Web App开发小结
2014/09/04 PHP
PHP中检索字符串的方法分析【strstr与substr_count方法】
2017/02/17 PHP
js实现在字符串中提取数字
2013/11/05 Javascript
使用JQUERY进行后台页面布局控制DIV实现左右式
2014/01/07 Javascript
js实现图片点击左右轮播
2015/07/08 Javascript
JS实现浏览器状态栏文字闪烁效果的方法
2015/10/27 Javascript
Vue生命周期示例详解
2017/04/12 Javascript
js模块加载方式浅析
2017/08/12 Javascript
Vue.js 2.5新特性介绍(推荐)
2017/10/24 Javascript
jQuery实现表格隔行换色
2018/09/01 jQuery
Vue响应式原理Observer、Dep、Watcher理解
2019/06/06 Javascript
详解vue 命名视图
2019/08/14 Javascript
[49:40]2018DOTA2亚洲邀请赛小组赛 A组加赛 TNC vs Newbee
2018/04/03 DOTA
python修改list中所有元素类型的三种方法
2018/04/09 Python
python smtplib模块自动收发邮件功能(一)
2018/05/22 Python
解决nohup执行python程序log文件写入不及时的问题
2019/01/14 Python
PyCharm导入python项目并配置虚拟环境的教程详解
2019/10/13 Python
超全Python图像处理讲解(多模块实现)
2020/04/13 Python
python语音识别指南终极版(有这一篇足矣)
2020/09/09 Python
Python高阶函数与装饰器函数的深入讲解
2020/11/10 Python
详解css3 object-fit属性
2018/07/27 HTML / CSS
基本款天堂:Everlane
2017/05/13 全球购物
地球上最先进的胡子和头发修剪器:Bevel
2018/01/23 全球购物
Nike香港官网:Nike HK
2019/03/23 全球购物
分布式数据库需要考虑哪些问题
2013/12/08 面试题
趣味运动会策划方案
2014/06/02 职场文书
党的群众路线教育实践活动查摆问题自查报告
2014/10/10 职场文书
2015年挂职干部工作总结
2015/05/14 职场文书
生产实习心得体会范文
2016/01/22 职场文书
详解RedisTemplate下Redis分布式锁引发的系列问题
2021/04/27 Redis
Pytorch DataLoader shuffle验证方式
2021/06/02 Python
Java实现简易的分词器功能
2021/06/15 Java/Android
详细了解java监听器和过滤器
2021/07/09 Java/Android
海弦WR-800F
2022/04/05 无线电
JavaScript圣杯布局与双飞翼布局实现案例详解
2022/08/05 Javascript