让焦点自动跳转


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 相关文章推荐
购物车选中得到价格实现示例
Jan 26 Javascript
jQuery实现判断滚动条到底部
Jun 23 Javascript
基于jQuery实现收缩展开功能
Mar 18 Javascript
AngularJS中run方法的巧妙运用
Jan 04 Javascript
vue2 中如何实现动态表单增删改查实例
Jun 09 Javascript
基于jQuery实现定位导航位置效果
Nov 15 jQuery
教你完全理解ReentrantLock重入锁
Jun 03 Javascript
vue点击自增和求和的实例代码
Nov 06 Javascript
js验证密码强度解析
Mar 18 Javascript
vue实现员工信息录入功能
Jun 11 Javascript
vue + el-form 实现的多层循环表单验证
Nov 25 Vue.js
JavaScript选择器函数querySelector和querySelectorAll
Nov 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(3)
2006/10/09 PHP
php mssql 分页SQL语句优化 持续影响
2009/04/26 PHP
PHPUnit PHP测试框架安装方法
2011/03/23 PHP
PHP实现对png图像进行缩放的方法(支持透明背景)
2015/07/15 PHP
Yii针对添加行的增删改查操作示例
2016/10/18 PHP
Laravel 6.2 中添加了可调用容器对象的方法
2019/10/22 PHP
js动态在form上插入enctype=multipart/form-data的问题
2012/05/24 Javascript
JS链式调用的实现方法
2013/03/07 Javascript
jQuery消息提示框插件Tipso
2015/05/04 Javascript
javascript实现table表格隔行变色的方法
2015/05/13 Javascript
浅谈JavaScript前端开发的MVC结构与MVVM结构
2016/06/03 Javascript
浅析JavaScript中的array数组类型系统
2016/07/18 Javascript
详解堆的javascript实现方法
2016/11/29 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
2016/12/14 Javascript
JS二叉树的简单实现方法示例
2017/04/05 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
2017/06/16 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
2017/07/04 Javascript
vue 将页面公用的头部组件化的方法
2017/12/18 Javascript
jQuery插件Validation表单验证详解
2018/05/26 jQuery
基于React Native 0.52实现轮播图效果
2020/08/25 Javascript
JavaScript 监听组合按键思路及代码实现
2020/07/28 Javascript
[46:49]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.19
2020/12/24 DOTA
[51:39]DOTA2-DPC中国联赛 正赛 Magma vs LBZS BO3 第二场 2月7日
2021/03/11 DOTA
编写同时兼容Python2.x与Python3.x版本的代码的几个示例
2015/03/30 Python
浅谈python import引入不同路径下的模块
2017/07/11 Python
使用Python实现毫秒级抢单功能
2019/06/06 Python
Pandas的read_csv函数参数分析详解
2019/07/02 Python
解决keras backend 越跑越慢问题
2020/06/18 Python
Selenium 安装和简单使用的实现
2020/12/04 Python
举例讲解Python装饰器
2020/12/24 Python
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
2019/07/18 HTML / CSS
ALDO美国官网:加拿大女鞋品牌
2018/12/28 全球购物
医师定期考核实施方案
2014/05/07 职场文书
工厂仓管员岗位职责
2015/04/01 职场文书
mysql性能优化以及配置连接参数设置
2022/05/06 MySQL
css3 选择器
2022/05/11 HTML / CSS