让焦点自动跳转


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 相关文章推荐
通过复制Table生成word和excel的javascript代码
Jan 20 Javascript
js生成缩略图后上传并利用canvas重绘
May 15 Javascript
js中的hasOwnProperty和isPrototypeOf方法使用实例
Jun 06 Javascript
Javascript简单改变表单元素背景的方法
Jul 15 Javascript
JS实现可调整倒计时间代码分享
Aug 18 Javascript
利用BootStrap弹出二级对话框的简单实现方法
Sep 21 Javascript
全屏滚动插件fullPage.js使用实例解析
Oct 21 Javascript
JavaScript中document.referrer的用法详解
Jul 04 Javascript
layui的layedit富文本赋值方法
Sep 18 Javascript
JQuery插件tablesorter表格排序实现过程解析
May 28 jQuery
axios封装与传参示例详解
Oct 18 Javascript
vue+iview实现分页及查询功能
Nov 17 Vue.js
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
基于swoole实现多人聊天室
2018/06/14 PHP
Laravel 前端资源配置教程
2019/10/18 PHP
JavaScript 对象模型 执行模型
2009/12/06 Javascript
IE中createElement需要注意的一个问题
2010/07/13 Javascript
js关闭当前页面(窗口)的几种方式总结
2013/03/05 Javascript
理解jQuery stop()方法
2014/11/21 Javascript
AngularJS模块管理问题的非常规处理方法
2015/04/29 Javascript
Jquery插件easyUi实现表单验证示例
2015/12/15 Javascript
利用AJAX实现WordPress中的文章列表及评论的分页功能
2016/05/17 Javascript
利用Vue.js指令实现全选功能
2016/09/08 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
2019/08/29 Javascript
JavaScript如何使用插值实现图像渐变
2020/06/28 Javascript
JavaScript 如何在浏览器中使用摄像头
2020/12/02 Javascript
Python操作SQLite简明教程
2014/07/10 Python
Python实现备份文件实例
2014/09/16 Python
使用Python简单的实现树莓派的WEB控制
2016/02/18 Python
深入理解Django的自定义过滤器
2017/10/17 Python
解决django-xadmin列表页filter关联对象搜索问题
2019/11/15 Python
tensorflow图像裁剪进行数据增强操作
2020/06/30 Python
css3实现顶部社会化分享按钮示例
2014/05/06 HTML / CSS
捷克原创男装和女装购物网站:Bolf.cz
2018/04/28 全球购物
电子狗项圈:eDog Australia
2019/12/04 全球购物
戴尔荷兰官方网站:Dell荷兰
2020/10/04 全球购物
如何选择使用结构还是类
2014/05/30 面试题
js正则匹配markdown里的图片标签的实现
2021/03/24 Javascript
旅游管理实习自我鉴定
2013/09/29 职场文书
工厂厂长岗位职责
2013/11/08 职场文书
《彩色世界》教学反思
2014/04/12 职场文书
2014大学生批评与自我批评思想汇报
2014/09/21 职场文书
交通事故赔偿协议书怎么写
2014/10/04 职场文书
结婚典礼致辞
2015/07/28 职场文书
董事长秘书工作总结
2015/08/14 职场文书
小学英语听课心得体会
2016/01/14 职场文书
2016年“节能宣传周”活动总结
2016/04/05 职场文书
如何理解及使用Python闭包
2021/06/01 Python
Python实现byte转integer
2021/06/03 Python