让焦点自动跳转


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 相关文章推荐
js或css文件后面跟参数的原因说明
Jan 09 Javascript
JQuery的Alert消息框插件使用介绍
Oct 09 Javascript
js获取checkbox复选框选中的选项实例
Aug 24 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
Jul 13 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
Jan 27 Javascript
Bootstrap富文本组件wysiwyg数据保存到mysql的方法
May 09 Javascript
AngularJS入门教程一:路由用法初探
May 27 Javascript
react中实现搜索结果中关键词高亮显示
Jul 31 Javascript
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 Javascript
解决vue自定义全局消息框组件问题
Nov 22 Javascript
JavaScript实现移动端弹窗后禁止滚动
May 25 Javascript
原生js实现下拉框选择组件
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 表单验证实现代码
2009/03/10 PHP
如何使用php等比例缩放图片
2016/10/12 PHP
jQuery下实现等待指定元素加载完毕(可改成纯js版)
2013/07/11 Javascript
再谈JavaScript线程
2015/07/10 Javascript
jquery衣服颜色选取插件效果代码分享
2015/08/28 Javascript
基于JS实现PHP的sprintf函数实例
2015/11/14 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
2016/02/24 Javascript
AngularJS入门教程之服务(Service)
2016/07/27 Javascript
js实现微博发布小功能
2017/01/12 Javascript
详解支持Angular 2的表格控件
2017/01/19 Javascript
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
2018/01/09 Javascript
js合并两个数组生成合并后的key:value数组
2018/05/09 Javascript
TypeScript中的方法重载详解
2019/04/12 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
js里面的变量范围分享
2020/07/18 Javascript
Python之虚拟环境virtualenv,pipreqs生成项目依赖第三方包的方法
2019/07/23 Python
Python多线程爬取豆瓣影评API接口
2019/10/22 Python
flask框架配置mysql数据库操作详解
2019/11/29 Python
完美解决pyinstaller打包报错找不到依赖pypiwin32或pywin32-ctypes的错误
2020/04/01 Python
解决pyqt5异常退出无提示信息的问题
2020/04/08 Python
详解CSS3中使用gradient实现渐变效果的方法
2015/08/18 HTML / CSS
德国足球商店:OUTFITTER
2019/05/06 全球购物
澳大利亚床上用品、浴巾和家居用品购物网站:Bambury
2020/04/16 全球购物
最新远光软件笔试题面试题内容
2013/11/08 面试题
大学生文员专业个人求职信范文
2014/01/05 职场文书
我们的节日端午节活动方案
2014/03/02 职场文书
党的群众路线教育实践活动学习心得体会
2014/03/03 职场文书
副总经理岗位职责
2014/03/16 职场文书
中国文明网向国旗敬礼活动精彩寄语2014
2014/09/27 职场文书
个人对照检查剖析材料
2014/10/13 职场文书
教师党员自我评议不足范文
2014/10/19 职场文书
1000字打架检讨书
2014/11/03 职场文书
2015年高校保卫处工作总结
2015/07/23 职场文书
CSS3 制作的图片滚动效果
2021/04/14 HTML / CSS
Nginx进程调度问题详解
2021/09/25 Servers
flex布局中使用flex-wrap实现换行的项目实践
2022/06/21 HTML / CSS