让焦点自动跳转


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 相关文章推荐
使用隐藏的new来创建对象
Mar 29 Javascript
Jquery动态改变图片IMG的src地址示例
Jun 25 Javascript
JS下拉框内容左右移动效果的具体实现
Jul 10 Javascript
js模拟hashtable的简单实例
Mar 06 Javascript
jquery中ajax使用error调试错误的方法
Feb 08 Javascript
Javascript 计算字符串在localStorage中所占字节数
Oct 21 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
Jan 18 Javascript
jQuery实现调整表格单列顺序完整实例
Jun 20 Javascript
详解Vue 中 extend 、component 、mixins 、extends 的区别
Dec 20 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
Aug 07 Javascript
Vue 中使用富文本编译器wangEditor3的方法
Sep 26 Javascript
小程序瀑布流组件实现翻页与图片懒加载
May 19 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
用PHP4访问Oracle815
2006/10/09 PHP
Parse正式发布开源PHP SDK
2014/08/11 PHP
PHP 设计模式系列之 specification规格模式
2016/01/10 PHP
PHP输出多个元素的排列或组合的方法
2017/03/14 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
巧妙破除网页右键禁用的十大绝招
2006/08/12 Javascript
经典的解除许多网站无法复制文字的绝招
2006/12/31 Javascript
ajaxControlToolkit AutoCompleteExtender的用法
2008/10/30 Javascript
解决表单中第一个非隐藏的元素获得焦点的一个方案
2009/10/26 Javascript
JavaScript 原型继承之构造函数继承
2011/08/26 Javascript
JS中prototype关键字的功能介绍及使用示例
2013/07/21 Javascript
js中单引号与双引号冲突问题解决方法
2013/10/04 Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
2013/11/12 Javascript
jquery动态加载select下拉框示例代码
2013/12/10 Javascript
jQuery旋转木马式幻灯片轮播特效
2015/12/04 Javascript
使用NodeJs 开发微信公众号(三)微信事件交互实例
2016/03/02 NodeJs
有关文件上传 非ajax提交 得到后台数据问题
2016/10/12 Javascript
jQuery焦点图左右转换效果
2016/12/12 Javascript
NodeJS安装图文教程
2018/04/19 NodeJs
Vue-CLI与Vuex使用方法实例分析
2020/01/06 Javascript
Python两个整数相除得到浮点数值的方法
2015/03/18 Python
简单上手Python中装饰器的使用
2015/07/12 Python
Python reduce()函数的用法小结
2017/11/15 Python
Pycharm远程调试openstack的方法
2017/11/21 Python
python如何爬取个性签名
2018/06/19 Python
python Shapely使用指南详解
2020/02/18 Python
Python包和模块的分发详细介绍
2020/06/19 Python
Python json格式化打印实现过程解析
2020/07/21 Python
python 6种方法实现单例模式
2020/12/15 Python
Sneaker Studio法国:购买运动鞋
2018/06/08 全球购物
教师自查自纠材料
2014/10/14 职场文书
工作证明英文模板
2014/10/21 职场文书
小学优秀教师事迹材料
2014/12/16 职场文书
可可西里观后感
2015/06/08 职场文书
高一作文之乐趣
2019/11/21 职场文书
pytorch 如何使用float64训练
2021/05/24 Python