让焦点自动跳转


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 相关文章推荐
转义字符(\)对JavaScript中JSON.parse的影响概述
Jul 17 Javascript
用js格式化金额可设置保留的小数位数
May 09 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
Sep 22 Javascript
js实现从数组里随机获取元素
Jan 12 Javascript
javascript实现详细时间提醒信息效果的方法
Mar 11 Javascript
JS中处理时间之setUTCMinutes()方法的使用
Jun 12 Javascript
微信小程序 setData的使用方法详解
Apr 20 Javascript
vue.js实现只弹一次弹框
Jan 29 Javascript
JavaScript中七种流行的开源机器学习框架
Oct 11 Javascript
JS异步错误捕获的一些事小结
Apr 26 Javascript
mock.js模拟数据实现前后端分离
Jul 24 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
Apr 26 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
资料注册后发信小技巧
2006/10/09 PHP
php中拷贝构造函数、赋值运算符重载
2012/07/25 PHP
Laravel5权限管理方法详解
2016/07/26 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
php从数据库读取数据,并以json格式返回数据的方法
2018/08/21 PHP
ImageFlow可鼠标控制图片滚动
2008/01/30 Javascript
jquery 插件实现图片延迟加载效果代码
2010/02/06 Javascript
中文字符串截取的js函数代码
2013/04/17 Javascript
动态获取复选框checkbox选中个数的jquery代码
2013/06/25 Javascript
B/S模式项目中常用的javascript汇总
2013/12/17 Javascript
javascript结合ajax读取txt文件内容
2014/12/05 Javascript
Jquery中$.post和$.ajax的用法小结
2015/04/28 Javascript
jquery实用技巧之输入框提示语句
2016/07/28 Javascript
jQuery ajax MD5实现用户注册即时验证功能
2016/10/11 Javascript
js窗口震动小程序分享
2016/11/28 Javascript
轻松理解JavaScript闭包
2017/03/14 Javascript
JS实现瀑布流效果
2020/03/07 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
2020/07/18 Javascript
[02:03]风行者至宝清风环佩外观展示
2020/09/05 DOTA
python利用hook技术破解https的实例代码
2013/03/25 Python
全面了解python字符串和字典
2016/07/07 Python
python创建属于自己的单词词库 便于背单词
2019/07/30 Python
python识别文字(基于tesseract)代码实例
2019/08/24 Python
使用Python进行防病毒免杀解析
2019/12/13 Python
基于python实现操作git过程代码解析
2020/07/27 Python
详解Html5 Canvas画线有毛边解决方法
2018/03/01 HTML / CSS
会计学个人自荐信模板
2013/12/13 职场文书
低碳生活的宣传标语
2014/06/23 职场文书
幼儿园综治宣传月活动总结
2015/05/07 职场文书
关于企业的执行力标语大全
2020/01/06 职场文书
详解vue中v-for的key唯一性
2021/05/15 Vue.js
使用Pytorch实现two-head(多输出)模型的操作
2021/05/28 Python
pytorch 运行一段时间后出现GPU OOM的问题
2021/06/02 Python
分析mysql中一条SQL查询语句是如何执行的
2021/06/21 MySQL
Vue elementUI表单嵌套表格并对每行进行校验详解
2022/02/18 Vue.js
详解CSS3浏览器兼容
2022/12/24 HTML / CSS