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 相关文章推荐
suggestion开发小结以及对键盘事件的总结(针对中文输入法状态)
Dec 20 Javascript
使用jquery解析XML的方法
Sep 05 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
Jan 19 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
Feb 16 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
Dec 14 Javascript
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)
May 17 Javascript
用Vue.extend构建消息提示组件的方法实例
Aug 08 Javascript
基于react后端渲染模板引擎noox发布使用
Jan 11 Javascript
关于axios不能使用Vue.use()浅析
Jan 12 Javascript
细说webpack6 Babel的使用详解
Sep 26 Javascript
js实现点赞按钮功能的实例代码
Mar 06 Javascript
JavaScript基于用户照片姓名生成海报
May 29 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防攻击代码升级版
2010/12/29 PHP
thinkphp3.2实现跨控制器调用其他模块的方法
2017/03/14 PHP
PHP实现创建微信自定义菜单的方法示例
2017/07/14 PHP
PHP与以太坊交互详解
2018/08/24 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
JS中不为人知的五种声明Number的方式简要概述
2013/02/22 Javascript
js遍历、动态的添加数据的小例子
2013/06/22 Javascript
js控制table合并具体实现
2014/02/20 Javascript
Javascript数组操作函数总结
2015/02/05 Javascript
详解JavaScript时间格式化
2015/12/23 Javascript
javascript瀑布流式图片懒加载实例
2020/06/28 Javascript
AngularJS中的按需加载ocLazyLoad示例
2017/01/11 Javascript
鼠标经过出现气泡框的简单实例
2017/03/17 Javascript
JS给按钮添加跳转功能类似a标签
2017/05/30 Javascript
Angular.JS中指令ng-if的注意事项小结
2017/06/21 Javascript
vue axios请求超时的正确处理方法
2018/04/02 Javascript
JavaScript设计模式之代理模式简单实例教程
2018/07/03 Javascript
微信小程序签到功能
2018/10/31 Javascript
JS滚轮控制图片缩放大小和拖动的实例代码
2018/11/20 Javascript
vue中引入第三方字体文件的方法示例
2018/12/17 Javascript
javascript将16进制的字符串转换为10进制整数hex
2020/03/05 Javascript
python 递归遍历文件夹,并打印满足条件的文件路径实例
2017/08/30 Python
Python使用cx_Oracle调用Oracle存储过程的方法示例
2017/10/07 Python
python ansible服务及剧本编写
2017/12/29 Python
Python实现计算文件MD5和SHA1的方法示例
2019/06/11 Python
Python pandas DataFrame操作的实现代码
2019/06/21 Python
使用Tkinter制作信息提示框
2020/02/18 Python
Django ORM 查询表中某列字段值的方法
2020/04/30 Python
美国学校校服,儿童和婴儿服装:Cookie’s Kids
2016/10/14 全球购物
Luxplus荷兰:以会员价购买美容产品等,独家优惠
2019/08/30 全球购物
会计主管岗位职责
2014/01/03 职场文书
小学生评语大全
2014/04/18 职场文书
应届生简历自我评价
2015/03/11 职场文书
毕业实习感受与体会
2015/05/26 职场文书
2016秋季田径运动会广播稿
2015/12/21 职场文书
Java使用JMeter进行高并发测试
2021/11/23 Java/Android