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 相关文章推荐
jquery增加和删除元素的方法
Jan 14 Javascript
JS 动态判断PC和手机浏览器实现代码
Sep 21 Javascript
JavaScript中绑定事件的三种方式及去除绑定
Nov 05 Javascript
javascript循环链表之约瑟夫环的实现方法
Jan 16 Javascript
JavaScript 函数的定义-调用、注意事项
Apr 16 Javascript
移动web开发之touch事件实例详解
Jan 17 Javascript
Vue进度条progressbar组件功能
Apr 17 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
May 17 Javascript
vue中element-ui表格缩略图悬浮放大功能的实例代码
Jun 26 Javascript
实例分析vue循环列表动态数据的处理方法
Sep 28 Javascript
bootstrap datepicker的基本使用教程
Jul 09 Javascript
细述Javascript的加法运算符的具体使用
Oct 18 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
php UTF8 文件的签名问题
2009/10/30 PHP
php记录日志的实现代码
2011/08/08 PHP
PHP仿博客园 个人博客(2) 数据库增添改删
2013/07/05 PHP
PHP 以POST方式提交XML、获取XML,解析XML详解及实例
2016/10/26 PHP
PHP获取中国时间(上海时区时间)及美国时间的方法
2017/02/23 PHP
php常用字符串查找函数strstr()与strpos()实例分析
2019/06/21 PHP
Laravel框架处理用户的请求操作详解
2019/12/20 PHP
JQuery与iframe交互实现代码
2009/12/24 Javascript
解析JavaScript中的标签语句
2013/06/19 Javascript
javascript函数式编程实例分析
2015/04/25 Javascript
js clearInterval()方法的定义和用法
2015/11/11 Javascript
jQuery实现的选择商品飞入文本框动画效果完整实例
2016/08/10 Javascript
Vue.js计算属性computed与watch(5)
2016/12/09 Javascript
JS实现的DIV块来回滚动效果示例
2017/02/07 Javascript
微信小程序 检查接口状态实例详解
2017/06/23 Javascript
VUE长按事件需求详解
2017/10/18 Javascript
vue3+typescript实现图片懒加载插件
2020/10/26 Javascript
vue中使用echarts的示例
2021/01/03 Vue.js
[36:20]KG vs SECRET 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Python函数中定义参数的四种方式
2014/11/30 Python
Pandas 数据处理,数据清洗详解
2018/07/10 Python
python单例模式获取IP代理的方法详解
2018/09/13 Python
Python操作Sonqube API获取检测结果并打印过程解析
2019/11/27 Python
Python就将所有的英文单词首字母变成大写
2021/02/12 Python
Dyson加拿大官方网站:购买戴森吸尘器,风扇,冷热器及配件
2016/10/26 全球购物
汽车检测与维修专业求职信
2013/10/30 职场文书
高考寄语大全
2014/04/08 职场文书
勤奋学习演讲稿
2014/05/10 职场文书
求职信标题怎么写
2014/05/26 职场文书
镇人大副主席民主生活会对照检查材料思想汇报
2014/10/01 职场文书
房地产公司工程部经理岗位职责
2015/04/09 职场文书
旅行社计调工作总结
2015/08/12 职场文书
考教师资格证不要错过的4个最佳时机
2019/07/17 职场文书
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript
利用 SQL Server 过滤索引提高查询语句的性能分析
2021/07/15 SQL Server
分享python函数常见关键字
2022/04/26 Python