让焦点自动跳转


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 相关文章推荐
jquery中animate的stop()方法作用实例分析
Jan 30 Javascript
JavaScript使用setInterval()函数实现简单轮询操作的方法
Feb 02 Javascript
JavaScript中的依赖注入详解
Mar 18 Javascript
javascript中tostring()和valueof()的用法及两者的区别
Nov 16 Javascript
jQuery+ajax+asp.net获取Json值的方法
Jun 08 Javascript
微信小程序 增、删、改、查操作实例详解
Jan 13 Javascript
使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)
May 01 Javascript
微信小程序实现简易table表格
Jun 19 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
Jun 04 Javascript
配置node服务器并且链接微信公众号接口配置步骤详解
Jun 21 Javascript
es6中比较有用的7个技巧小结
Jul 12 Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
Nov 07 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编程中字符串处理的5个技巧小结
2007/11/13 PHP
PHPMyAdmin 快速配置方法
2009/05/11 PHP
thinkphp表单上传文件并将文件路径保存到数据库中
2016/07/28 PHP
Zend Framework入门教程之Zend_Mail用法示例
2016/12/08 PHP
php实现登录页面的简单实例
2019/09/29 PHP
PHP使用POP3读取邮箱接收邮件的示例代码
2020/07/08 PHP
jquery键盘事件使用介绍
2011/11/01 Javascript
jquery实现图片翻页效果
2013/12/23 Javascript
angularJS结合canvas画图例子
2015/02/09 Javascript
js实现将选中内容分享到新浪或腾讯微博
2015/12/16 Javascript
js实现纯前端的图片预览
2016/04/27 Javascript
jQuery EasyUI提交表单验证
2016/07/19 Javascript
AngularJS 输入验证详解及实例代码
2016/07/28 Javascript
关于Javascript回调函数的一个妙用
2016/08/29 Javascript
微信小程序 Page()函数详解
2016/10/17 Javascript
jquery文字填写自动高度的实现方法
2016/11/07 Javascript
js实现文字向上轮播功能
2017/01/13 Javascript
node.js学习之断言assert的使用示例
2017/09/28 Javascript
js与jQuery实现获取table中的数据并拼成json字符串操作示例
2018/07/12 jQuery
微信小程序实现底部导航
2018/11/05 Javascript
python 控制语句
2011/11/03 Python
python发送HTTP请求的方法小结
2015/07/08 Python
Python实现遍历目录的方法【测试可用】
2017/03/22 Python
Python操作MongoDB详解及实例
2017/05/18 Python
opencv改变imshow窗口大小,窗口位置的方法
2018/04/02 Python
解决python 自动安装缺少模块的问题
2018/10/22 Python
简单了解Python多态与属性运行原理
2020/06/15 Python
Python 实现将某一列设置为str类型
2020/07/14 Python
python模拟点击玩游戏的实例讲解
2020/11/26 Python
英国电动工具购买网站:Anglia Tool Centre
2017/04/25 全球购物
教师简历自我评价
2014/02/03 职场文书
土木工程专业推荐信
2014/02/19 职场文书
目标责任书范文
2014/04/14 职场文书
求职简历自我评价怎么写
2015/03/10 职场文书
读《教育心理学》心得体会
2016/01/22 职场文书
Windows Server 2019 安装DHCP服务及相关配置
2022/04/28 Servers