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 相关文章推荐
浏览器常用高宽的jquery插件
Feb 24 Javascript
js图片自动轮播代码分享(js图片轮播)
May 06 Javascript
CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
May 12 Javascript
使用AngularJS实现表单向导的方法
Jun 19 Javascript
Vue表单实例代码
Sep 05 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
Jan 21 Javascript
关于javascript作用域的常见面试题分享
Jun 18 Javascript
vue2.x+webpack快速搭建前端项目框架详解
Nov 30 Javascript
jsonp跨域获取数据的基础教程
Jul 01 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
关于vue 项目中浏览器跨域的配置问题
Nov 10 Javascript
解决iView Table组件宽度只变大不变小的问题
Nov 13 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
调频问题解答
2021/03/01 无线电
在PHP中使用与Perl兼容的正则表达式
2006/11/26 PHP
不使用php api函数实现数组的交换排序示例
2014/04/13 PHP
PHP用户注册邮件激活账户的实现代码
2017/05/31 PHP
让getElementsByName适应IE和firefox的方法
2007/09/24 Javascript
js 加载时自动调整图片大小
2008/05/28 Javascript
EXT窗口Window及对话框MessageBox
2011/01/27 Javascript
基于jquery的使ListNav兼容中文首字拼音排序的实现代码
2011/07/10 Javascript
详解jQuery插件开发中的extend方法
2013/11/19 Javascript
2014年50个程序员最适用的免费JQuery插件
2014/12/15 Javascript
jQuery实现购物车计算价格功能的方法
2015/03/25 Javascript
js跨域请求数据的3种常用的方法
2015/12/01 Javascript
js实现图片360度旋转
2017/01/22 Javascript
基于Bootstrap框架实现图片切换
2017/03/10 Javascript
详解动画插件wow.js的使用方法
2017/09/13 Javascript
Vue-cli 使用json server在本地模拟请求数据的示例代码
2017/11/02 Javascript
深入理解js A*寻路算法原理与具体实现过程
2018/12/13 Javascript
如何基于js判断浏览器版本
2020/02/20 Javascript
vue实现输入框自动跳转功能
2020/05/20 Javascript
python访问纯真IP数据库的代码
2011/05/19 Python
详解Python中列表和元祖的使用方法
2015/04/25 Python
详解Python的Django框架中的模版继承
2015/07/16 Python
Python实现矩阵加法和乘法的方法分析
2017/12/19 Python
详解Django之auth模块(用户认证)
2018/04/17 Python
分享一下Python数据分析常用的8款工具
2018/04/29 Python
使用python爬取B站千万级数据
2018/06/08 Python
python中sys.argv函数精简概括
2018/07/08 Python
python查找指定文件夹下所有文件并按修改时间倒序排列的方法
2018/10/21 Python
Flask框架学习笔记之路由和反向路由详解【图文与实例】
2019/08/12 Python
Python 数据的累加与统计的示例代码
2020/08/03 Python
旅游项目开发策划书
2014/01/18 职场文书
感恩节红领巾广播稿
2014/02/11 职场文书
见习报告怎么写
2014/10/31 职场文书
先进班集体申报材料
2014/12/26 职场文书
工作失职自我检讨书
2015/05/05 职场文书
实现AJAX异步调用和局部刷新的基本步骤
2022/03/17 Javascript