让焦点自动跳转


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 相关文章推荐
Javascript UrlDecode函数代码
Jan 09 Javascript
js中eval详解
Mar 30 Javascript
浅谈Javascript 执行顺序
Dec 18 Javascript
Angularjs中UI Router的使用方法
May 14 Javascript
weex slider实现滑动底部导航功能
Aug 28 Javascript
小程序云开发部署攻略(图文教程)
Oct 30 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
Dec 13 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
React精髓!一篇全概括小结(急速)
May 23 Javascript
发布订阅模式在vue中的实际运用实例详解
Jun 09 Javascript
微信小程序图片左右摆动效果详解
Jul 13 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
Aug 27 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 &amp;&amp; 逻辑与运算符使用说明
2010/03/04 PHP
PHP7内核CGI与FastCGI详解
2019/04/14 PHP
$.ajax json数据传递方法
2008/11/19 Javascript
模仿JQuery.extend函数扩展自己对象的js代码
2009/12/09 Javascript
DWZ刷新dialog解决方法
2013/03/03 Javascript
EXTjs4.0的store的findRecord的BUG演示代码
2013/06/08 Javascript
JS定时刷新页面及跳转页面的方法
2013/07/04 Javascript
css配合jquery美化 select
2013/11/29 Javascript
jquery遍历checkbox介绍
2014/02/21 Javascript
jQuery插件EnPlaceholder实现输入框提示文字
2015/06/05 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
原生js实现自由拖拽弹窗代码demo
2016/06/29 Javascript
微信小程序 底部导航栏目开发资料
2016/12/05 Javascript
vue watch普通监听和深度监听实例详解(数组和对象)
2018/08/16 Javascript
Vue CLI3 如何支持less的方法示例
2018/08/29 Javascript
详解搭建es6+devServer简单开发环境
2018/09/25 Javascript
vue-cli配置全局sass、less变量的方法
2019/06/06 Javascript
vue实现数字动态翻牌的效果(开箱即用)
2019/12/08 Javascript
Vue-cli4 配置 element-ui 按需引入操作
2020/09/11 Javascript
[41:13]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第一场 11.20
2020/11/20 DOTA
Python程序语言快速上手教程
2012/07/18 Python
Python中.py文件打包成exe可执行文件详解
2017/03/22 Python
pandas DataFrame 警告(SettingWithCopyWarning)的解决
2019/07/23 Python
实例详解Python装饰器与闭包
2019/07/29 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
New Balance波兰官方商城:始于1906年,百年慢跑品牌
2017/08/15 全球购物
Merrell美国官网:美国登山运动鞋品牌
2018/02/07 全球购物
Nicole Miller官方网站:纽约女装品牌
2019/09/14 全球购物
美国孕妇装购物网站:Motherhood Maternity
2019/09/22 全球购物
公司财务工作总结的自我评价
2013/11/23 职场文书
投标单位介绍信
2014/01/09 职场文书
公司建议书怎么写
2014/05/15 职场文书
2014年项目经理工作总结
2014/11/24 职场文书
介绍信怎么写
2015/01/30 职场文书
netty 实现tomcat的示例代码
2022/06/05 Servers