javascript实现依次输入input自动定焦


Posted in Javascript onDecember 23, 2014
<html> 

<head> 

<script type="text/javascript"> 

    function moveNext(object,index){ 

        if(object.value.length==4){ 

            document.forms[0].elements[index+1].focus(); 

        } 

    } 

    function showResult(){ 

        var f=document.forms[0]; 

        var result=""; 

        for(var i=0;i<4;i++){ 

            result+=f.elements[i].value; 

        } 

        alert(result); 

    }

</script>

</head> 

<body onload="document.forms[0].elements[0].focus();"> 

    <form> 

        <input type="text" size="3" maxlength="4" onkeyup="moveNext(this,0);"> 

        <input type="text" size="3" maxlength="4" onkeyup="moveNext(this,1);"> 

        <input type="text" size="3" maxlength="4" onkeyup="moveNext(this,2);"> 

        <input type="text" size="3" maxlength="4" onkeyup="moveNext(this,3);"> 

        <input type="button" value="显示" onclick="showResult();"> 

    </form> 

</body> 

</html>

javascript实现依次输入input自动定焦

javascript实现依次输入input自动定焦

javascript实现依次输入input自动定焦

javascript实现依次输入input自动定焦

代码很简单,功能非常实用,小伙伴们美化下就可以用到自己项目中了,是不是很炫酷

Javascript 相关文章推荐
简单的js分页脚本
May 21 Javascript
javascript 打印内容方法小结
Nov 04 Javascript
JavaScript获取onclick、onchange等事件值的代码
Jul 22 Javascript
JavaScript动态修改背景颜色的方法
Apr 16 Javascript
js实现上传图片预览方法
Oct 25 Javascript
使用jQuery操作DOM的方法小结
Feb 27 Javascript
记录一篇关于redux-saga的基本使用过程
Aug 18 Javascript
浏览器事件循环与vue nextTicket的实现
Apr 16 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
Sep 24 Javascript
Jquery ajax书写方法代码实例解析
Jun 12 jQuery
js实现移动端轮播图滑动切换
Dec 21 Javascript
TypeScript 内置高级类型编程示例
Sep 23 Javascript
使用原生JS实现弹出层特效
Dec 22 #Javascript
jQuery基础知识小结
Dec 22 #Javascript
jQuery异步获取json数据方法汇总
Dec 22 #Javascript
jQuery的观察者模式详解
Dec 22 #Javascript
使用jQuery和Bootstrap实现多层、自适应模态窗口
Dec 22 #Javascript
sails框架的学习指南
Dec 22 #Javascript
了不起的node.js读书笔记之mongodb数据库交互
Dec 22 #Javascript
You might like
PHP连接Access数据库的方法小结
2013/06/20 PHP
php安装dblib扩展,连接mssql的具体步骤
2017/03/02 PHP
利用php的ob缓存机制实现页面静态化方法
2017/07/09 PHP
js+html+css实现鼠标移动div实例
2013/01/30 Javascript
如何判断元素是否为HTMLElement元素
2013/12/06 Javascript
js解决select下拉选不中问题
2014/10/14 Javascript
jQuery选择器源码解读(四):tokenize方法的Expr.preFilter
2015/03/31 Javascript
javascript图片延迟加载实现方法及思路
2015/12/31 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
2016/12/14 Javascript
Angular2使用Angular-CLI快速搭建工程(二)
2017/05/21 Javascript
微信小程序自定义组件封装及父子间组件传值的方法
2018/08/28 Javascript
JavaScript实现4位随机验证码的生成
2021/01/28 Javascript
[08:08]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY
2014/06/25 DOTA
[02:30]联想杯DOTA2完美世界全国高校联赛—北京站现场
2015/11/16 DOTA
Python程序语言快速上手教程
2012/07/18 Python
Python安装第三方库及常见问题处理方法汇总
2016/09/13 Python
如何在Python函数执行前后增加额外的行为
2016/10/20 Python
Python 专题一 函数的基础知识
2017/03/16 Python
Python DataFrame 设置输出不显示index(索引)值的方法
2018/06/07 Python
pandas Dataframe行列读取的实例
2018/06/08 Python
对Python w和w+权限的区别详解
2019/01/23 Python
在python里协程使用同步锁Lock的实例
2019/02/19 Python
django 通过url实现简单的权限控制的例子
2019/08/16 Python
PyTorch的Optimizer训练工具的实现
2019/08/18 Python
tensorflow 获取checkpoint中的变量列表实例
2020/02/11 Python
python GUI库图形界面开发之PyQt5单行文本框控件QLineEdit详细使用方法与实例
2020/02/27 Python
python的列表List求均值和中位数实例
2020/03/03 Python
python使用scapy模块实现ping扫描的过程详解
2021/01/21 Python
用canvas画心电图的示例代码
2018/09/10 HTML / CSS
美国女孩洋娃娃店:American Girl
2017/10/24 全球购物
params有什么用
2016/03/01 面试题
改革共识倡议书
2014/08/29 职场文书
中华在我心中演讲稿
2014/09/13 职场文书
元宵节晚会主持词
2015/07/01 职场文书
2015年秋季小学开学典礼主持词
2015/07/16 职场文书
golang 比较浮点数的大小方式
2021/05/02 Golang