让焦点自动跳转


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 相关文章推荐
使用IE的地址栏来辅助调试Web页脚本
Mar 08 Javascript
jquery队列queue与原生模仿其实现方法分享
Mar 25 Javascript
Jquery中find与each方法用法实例
Feb 04 Javascript
JQuery Ajax WebService传递参数的简单实例
Nov 02 Javascript
基于javascript实现数字英文验证码
Jan 25 Javascript
jQuery给表格添加分页效果
Mar 02 Javascript
javascript 中iframe高度自适应(同域)实例详解
May 16 Javascript
最通俗易懂的javascript变量提升详解
Aug 05 Javascript
10个最优秀的Node.js MVC框架
Aug 24 Javascript
vue 简单自动补全的输入框的示例
Mar 12 Javascript
vue与原生app的对接交互的方法(混合开发)
Nov 28 Javascript
Vue-cli 移动端布局和动画使用详解
Aug 10 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
64位windows系统下安装Memcache缓存
2015/12/06 PHP
PHP 匿名函数与注意事项详细介绍
2016/11/26 PHP
PHP多线程模拟实现秒杀抢单
2018/02/07 PHP
thinkphp5使用无限极分类
2019/02/18 PHP
PHP操作路由器实现方法示例
2019/04/27 PHP
UserData用法总结 lanyu出品
2010/07/01 Javascript
JavaScript 用Node.js写Shell脚本[译]
2012/09/20 Javascript
js 中的switch表达式使用示例
2020/06/03 Javascript
关于jquery的多个选择器的使用示例
2013/10/18 Javascript
javascript的回调函数应用示例
2014/02/20 Javascript
js 实现的可折叠留言板(附源码下载)
2014/07/01 Javascript
jquery.idTabs 选项卡使用示例代码
2014/09/03 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
2016/06/08 Javascript
PhotoSwipe异步动态加载图片方法
2016/08/25 Javascript
javascript 判断是否是微信浏览器的方法
2016/10/09 Javascript
js给table赋值的实例代码
2016/10/13 Javascript
javascript淘宝主图放大镜功能
2016/10/20 Javascript
详解能在多种前端框架下使用的表格控件
2017/01/11 Javascript
Angular在一个页面中使用两个ng-app的方法
2017/02/20 Javascript
基于JS实现移动端向左滑动出现删除按钮功能
2017/02/22 Javascript
[原创]jquery判断元素内容是否为空的方法
2018/05/04 jQuery
js调用设备摄像头的方法
2018/07/19 Javascript
在Vue中使用Select选择器拼接label的操作
2020/10/22 Javascript
js实现鼠标切换图片(无定时器)
2021/01/27 Javascript
python抽象基类用法实例分析
2015/06/04 Python
python实现验证码识别功能
2018/06/07 Python
pandas读取CSV文件时查看修改各列的数据类型格式
2019/07/07 Python
Python Web版语音合成实例详解
2019/07/16 Python
Pytorch释放显存占用方式
2020/01/13 Python
Pycharm IDE的安装和使用教程详解
2020/04/30 Python
html5教程制作简单画板代码分享
2013/12/04 HTML / CSS
婚纱摄影师求职信范文
2014/04/17 职场文书
谢师宴邀请函
2015/02/02 职场文书
安全生产培训心得体会
2016/01/18 职场文书
干货:如何写好观后感 !
2019/05/21 职场文书
CSS 圆形进度栏
2021/04/06 HTML / CSS