让焦点自动跳转


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 相关文章推荐
在新窗口打开超链接的方法小结
Apr 14 Javascript
Javascript字符串对象的常用方法简明版
Jun 26 Javascript
使用jQuery.wechat构建微信WEB应用
Oct 09 Javascript
jQuery选择器全集详解
Nov 24 Javascript
node.js中的forEach()是同步还是异步呢
Jan 29 Javascript
jQuery ui实现动感的圆角渐变网站导航菜单效果代码
Aug 26 Javascript
jQuery采用连缀写法实现的折叠菜单效果
Sep 18 Javascript
JavaScript+CSS相册特效实例代码
Sep 07 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
Sep 20 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
Aug 07 Javascript
JS异步宏队列微队列原理详解
Sep 09 Javascript
react中hook介绍以及使用教程
Dec 11 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
FCKeditor的安装(PHP)
2007/01/13 PHP
php中cookie实现二级域名可访问操作的方法
2014/11/11 PHP
Thinkphp中的curd应用实用要点
2015/01/04 PHP
PHP程序中的文件锁、互斥锁、读写锁使用技巧解析
2016/03/21 PHP
图文详解phpstorm配置Xdebug进行调试PHP教程
2016/06/13 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
2017/09/16 PHP
Ajax+Jpgraph实现的动态折线图功能示例
2019/02/11 PHP
PHP执行linux命令6个函数代码实例
2020/11/24 PHP
用jquery来定位
2007/02/20 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
2013/02/22 Javascript
通过一段代码简单说js中的this的使用
2013/07/23 Javascript
js 限制input只能输入数字、字母和汉字等等
2013/12/18 Javascript
jQuery对val和atrr(&quot;value&quot;)赋值的区别介绍
2014/09/26 Javascript
Web打印解决方案之证件套打的实现思路
2016/08/29 Javascript
浅析JavaScript中var that=this
2017/02/17 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
快速处理vue渲染前的显示问题
2018/03/05 Javascript
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)
2020/09/11 Javascript
React中使用Vditor自定义图片详解
2020/12/25 Javascript
Python3实现连接SQLite数据库的方法
2014/08/23 Python
Django中更新多个对象数据与删除对象的方法
2015/07/17 Python
Python实现图片转字符画的示例
2017/08/22 Python
Python实现动态添加属性和方法操作示例
2018/07/25 Python
Django中的ajax请求
2018/10/19 Python
Pandas删除数据的几种情况(小结)
2019/06/21 Python
python实现七段数码管和倒计时效果
2019/11/23 Python
tensorboard实现同时显示训练曲线和测试曲线
2020/01/21 Python
python 制作python包,封装成可用模块教程
2020/07/13 Python
python用Configobj模块读取配置文件
2020/09/26 Python
校园报刊亭的创业计划书
2014/01/02 职场文书
学校招生宣传广告词
2014/03/19 职场文书
股东合作协议书范本
2014/04/14 职场文书
中班幼儿评语大全
2014/04/30 职场文书
最新优秀教师个人先进事迹材料
2014/05/06 职场文书
员工合理化建议书
2014/05/19 职场文书