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 相关文章推荐
javascript的事件描述
Sep 08 Javascript
javascript 触发事件列表 比较不错
Sep 03 Javascript
Javascript 类、命名空间、代码组织代码
Jul 31 Javascript
Javascript中valueOf与toString区别浅析
Mar 19 Javascript
js带按钮的提示框可供选择示例代码
Sep 17 Javascript
javaScript实现可缩放的显示区效果代码
Oct 26 Javascript
js实现跨域的4种实用方法原理分析
Oct 29 Javascript
Javascript中浏览器窗口的基本操作总结
Aug 18 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
Dec 26 Javascript
JavaScript用200行代码制作打飞机小游戏实例
Jun 21 Javascript
快速解决vue在ios端下点击响应延时的问题
Aug 27 Javascript
微信小程序利用button控制条件标签的变量问题
Mar 15 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异常处理使用示例
2014/02/25 PHP
php 使用file_get_contents读取大文件的方法
2014/11/13 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
PHP常用header头定义代码示例汇总
2020/08/29 PHP
srcElement表格样式
2006/09/03 Javascript
JavaScript判断密码强度(自写代码)
2013/09/06 Javascript
js如何实现点击标签文字,文字在文本框出现
2015/08/05 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
2015/11/02 Javascript
JavaScript编程的单例设计模讲解
2015/11/10 Javascript
jQuery同步提交示例代码
2015/12/12 Javascript
AngularJs ng-route路由详解及实例代码
2016/09/14 Javascript
AngularJS变量及过滤器Filter用法分析
2016/11/22 Javascript
Vue2.0 UI框架ElementUI使用方法详解
2017/04/14 Javascript
Js实现中国公民身份证号码有效性验证实例代码
2017/05/03 Javascript
WebSocket实现简单客服聊天系统
2017/05/12 Javascript
基于Bootstrap分页的实例讲解(必看篇)
2017/07/04 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
2017/09/28 Javascript
Vue实现数字输入框中分割手机号码的示例
2017/10/10 Javascript
jQuery实现碰到边缘反弹的动画效果
2018/02/24 jQuery
JavaScript使用递归和循环实现阶乘的实例代码
2018/08/28 Javascript
AngularJs中$cookies简单用法分析
2019/05/30 Javascript
echarts实现晶体球面投影的实例教程
2020/10/10 Javascript
在Python中给Nan值更改为0的方法
2018/10/30 Python
Python操作Excel工作簿的示例代码(\*.xlsx)
2020/03/23 Python
python中读入二维csv格式的表格方法详解(以元组/列表形式表示)
2020/04/24 Python
python如何利用Mitmproxy抓包
2020/10/10 Python
美国男士和女士奢侈品折扣手表购物网站:Certified Watch Store
2018/06/13 全球购物
韩国保养品、日本药妆购物网:小三美日
2018/12/30 全球购物
美国健康和保健平台:healtop
2020/07/02 全球购物
计算s=f(f(-1.4))的值
2014/05/06 面试题
金融专业毕业生推荐信
2013/11/26 职场文书
应聘医药销售自荐书范文
2014/02/08 职场文书
组工干部对照检查材料
2014/08/25 职场文书
社区端午节活动总结
2015/02/11 职场文书
2016大学生求职自荐信范文
2016/01/28 职场文书
MySQL事务操作的四大特性以及并发事务问题
2022/04/12 MySQL