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 相关文章推荐
javascript 极速 隐藏/显示万行表格列只需 60毫秒
Mar 28 Javascript
js 操作符实例代码
Oct 24 Javascript
JavaScript在XHTML中的用法详解
Apr 11 Javascript
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
May 07 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
May 11 Javascript
Node.js中的缓冲与流模块详细介绍
Feb 11 Javascript
jquery中EasyUI实现异步树
Mar 01 Javascript
javascript动态创建链接的方法
May 13 Javascript
理解JavaScript表单的基础知识
Jan 25 Javascript
详解angular笔记路由之angular-router
Sep 12 Javascript
Vue实现active点击切换方法
Mar 16 Javascript
JS实现普通轮播图特效
Jan 01 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
phpwind中的数据库操作类
2007/01/02 PHP
php中邮箱地址正则表达式实现与详解
2012/04/24 PHP
基于AppServ,XAMPP,WAMP配置php.ini去掉警告信息(NOTICE)的方法详解
2013/05/07 PHP
基于PHP一些十分严重的缺陷详解
2013/06/03 PHP
ThinkPHP设置禁止百度等搜索引擎转码(简单实用)
2016/02/15 PHP
PHP-FPM实现性能优化
2016/03/31 PHP
TP3.2框架分页相关实现方法分析
2020/06/03 PHP
JQUERY的属性选择符和自定义选择符使用方法(二)
2011/04/07 Javascript
JavaScript 变量作用域分析
2011/07/04 Javascript
javascript继承的六大模式小结
2015/04/13 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
2015/05/25 Javascript
解析jQueryEasyUI的使用
2016/11/22 Javascript
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
2017/05/20 jQuery
vue之浏览器存储方法封装实例
2018/03/15 Javascript
JS实现键值对遍历json数组功能示例
2018/05/30 Javascript
JavaScript设计模式之建造者模式实例教程
2018/07/02 Javascript
Python原始字符串(raw strings)用法实例
2014/10/13 Python
python实现中文输出的两种方法
2015/05/09 Python
python对url格式解析的方法
2015/05/13 Python
解析Python编程中的包结构
2015/10/25 Python
详解Python编程中基本的数学计算使用
2016/02/04 Python
用tensorflow搭建CNN的方法
2018/03/05 Python
Python logging模块用法示例
2018/08/28 Python
python将字符串list写入excel和txt的实例
2019/07/20 Python
python如何快速生成时间戳
2020/07/21 Python
用CSS3和table标签实现一个圆形轨迹的动画的示例代码
2019/01/17 HTML / CSS
总经理任命书
2014/03/29 职场文书
学生党员一帮一活动总结
2014/07/08 职场文书
珠宝的促销活动方案
2014/08/31 职场文书
吃空饷专项整治方案
2014/10/27 职场文书
高校自主招生教师推荐信
2015/03/23 职场文书
经营目标责任书
2015/05/08 职场文书
2015年教务处干事工作总结
2015/07/22 职场文书
谢师宴学生致辞
2015/07/27 职场文书
总结Python连接CS2000的详细步骤
2021/06/23 Python
Pygame如何使用精灵和碰撞检测
2021/11/17 Python