JS实现超过长度限制后自动跳转下一款文本框的方法


Posted in Javascript onFebruary 23, 2015

本文实例讲述了JS实现超过长度限制后自动跳转下一款文本框的方法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>JS控制超过长度限制后自动跳转下一个文本框</title>

</head>

<body>

<input type="text" size="10">

<input type="text" size="10">

<input type="text" size="10">

<script language="javascript">

function Each(arr,fn){for(var i=0,len=arr.length;i<len;i++){fn.call(arr[i],i,arr);};};

(function(inputs){

    Each(inputs,function(i){

        var _o=this;

        this.onkeyup=function(){

            if(_o.value.length>=4){

               if(inputs[i+1]){

                   inputs[i+1].focus();

               }else{

                   _o.value=_o.value.slice(0,4);

               } 

            }

        }

    })

})(document.getElementsByTagName('input'));

</script>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
jscript之List Excel Color Values
Jun 13 Javascript
jQuery的live()方法对hover事件的处理示例
Feb 27 Javascript
javascript如何使用bind指定接收者
May 04 Javascript
js 加密压缩出现bug解决方案
Nov 25 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
Aug 03 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
Aug 24 Javascript
Vue.js使用v-show和v-if的注意事项
Dec 13 Javascript
Vuex之理解Getters的用法实例
Apr 19 Javascript
Vue2.0+ElementUI实现表格翻页的实例
Oct 23 Javascript
JS中touchstart事件与click事件冲突的解决方法
Mar 12 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
Jul 16 Javascript
利用JS代码自动删除稿件的普通弹幕功能
Sep 20 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
Feb 23 #Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
Feb 23 #Javascript
jQuery+AJAX实现网页无刷新上传
Feb 22 #Javascript
AngularJS学习笔记之TodoMVC的分析
Feb 22 #Javascript
使用jquery组件qrcode生成二维码及应用指南
Feb 22 #Javascript
javascript实现博客园页面右下角返回顶部按钮
Feb 22 #Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
Feb 20 #Javascript
You might like
mysql 的 like 问题,超强毕杀记!!!
2007/01/18 PHP
PHP 简易输出CSV表格文件的方法详解
2013/06/20 PHP
微信扫描二维码登录网站代码示例
2013/12/30 PHP
php命令行(cli)下执行PHP脚本文件的相对路径的问题解决方法
2015/05/25 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
Jquery异步请求数据实例代码
2011/12/28 Javascript
使用GruntJS构建Web程序之安装篇
2014/06/04 Javascript
jQuery中:eq()选择器用法实例
2014/12/29 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
2016/05/05 Javascript
纯前端JavaScript实现Excel IO案例分享
2016/08/26 Javascript
jQuery查找节点方法完整实例
2016/09/13 Javascript
Vue.js计算属性computed与watch(5)
2016/12/09 Javascript
正则验证小数点后面只能有两位数的方法
2017/02/28 Javascript
使用socket.io制做简易WEB聊天室
2018/01/02 Javascript
jQuery实现图片上传预览效果功能完整实例【测试可用】
2018/05/28 jQuery
30分钟用Node.js构建一个API服务器的步骤详解
2019/05/24 Javascript
简单了解JavaScript中的执行上下文和堆栈
2019/06/24 Javascript
[46:43]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第三局
2016/02/28 DOTA
[05:37]DOTA2-DPC中国联赛 正赛 Elephant vs iG 选手采访
2021/03/11 DOTA
python抓取网页中链接的静态图片
2018/01/29 Python
pytorch 在sequential中使用view来reshape的例子
2019/08/20 Python
python 实现 hive中类似 lateral view explode的功能示例
2020/05/18 Python
基于python实现ROC曲线绘制广场解析
2020/06/28 Python
Appium+Python实现简单的自动化登录测试的实现
2021/01/26 Python
详解CSS3的box-shadow属性制作边框阴影效果的方法
2016/05/10 HTML / CSS
shell变量的作用空间是什么
2013/08/17 面试题
物业经理求职自我评价
2013/09/22 职场文书
化学学院毕业生自荐信范文
2013/12/17 职场文书
学生会干部自荐信
2014/02/04 职场文书
招聘专员岗位职责
2014/03/07 职场文书
大学生学习新党章思想汇报
2014/10/25 职场文书
神秘岛读书笔记
2015/07/01 职场文书
2019银行员工个人工作自我鉴定
2019/06/27 职场文书
使用css样式设计一个简单的html登陆界面的实现
2021/03/30 HTML / CSS
如何用JS实现网页瀑布流布局
2021/04/24 Javascript
Python探索生命起源 matplotlib细胞自动机动画演示
2022/04/21 Python