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.ajax)
Nov 19 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
Dec 02 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
Nov 24 Javascript
javascript返回顶部的按钮实现方法
Jan 09 Javascript
好好了解一下Cookie(强烈推荐)
Jun 14 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
Feb 10 Javascript
JS+DIV实现的卷帘效果示例
Mar 22 Javascript
详解nvm管理多版本node踩坑
Jul 26 Javascript
Layui点击图片弹框预览的实现方法
Sep 16 Javascript
JS实现旋转木马轮播图
Jan 01 Javascript
js实现自动播放匀速轮播图
Feb 06 Javascript
vue3获取当前路由地址
Feb 18 Vue.js
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图像处理类代码分享
2012/01/19 PHP
php数据结构与算法(PHP描述) 快速排序 quick sort
2012/06/21 PHP
在WordPress中使用wp_count_posts函数来统计文章数量
2016/01/05 PHP
PHP实现根据数组的值进行分组的方法
2017/04/20 PHP
php面向对象基础详解【星际争霸游戏案例】
2020/01/23 PHP
laravel邮件发送的实现代码示例
2020/01/31 PHP
input+select(multiple) 实现下拉框输入值
2009/05/21 Javascript
javascript实现的距离现在多长时间后的一个格式化的日期
2009/10/29 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
2013/04/08 Javascript
图片上传判断及预览脚本的效果实例
2013/08/07 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
2015/03/16 Javascript
JS正则表达式修饰符global(/g)用法分析
2016/12/27 Javascript
js实现炫酷的左右轮播图
2017/01/18 Javascript
Vue的MVVM实现方法
2017/08/16 Javascript
移动web开发之touch事件实例详解
2018/01/17 Javascript
vue-cli3 karma单元测试的实现
2019/01/18 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
2020/09/09 Javascript
[05:41]2014DOTA2西雅图国际邀请赛 小组赛7月10日TOPPLAY
2014/07/10 DOTA
python正则分组的应用
2013/11/10 Python
Python实现删除当前目录下除当前脚本以外的文件和文件夹实例
2015/07/27 Python
Python3实现的简单验证码识别功能示例
2018/05/02 Python
深入浅析Python2.x和3.x版本的主要区别
2018/11/30 Python
Python图像的增强处理操作示例【基于ImageEnhance类】
2019/01/03 Python
详解python运行三种方式
2019/05/13 Python
numpy下的flatten()函数用法详解
2019/05/27 Python
Django中提供的6种缓存方式详解
2019/08/05 Python
python requests证书问题解决
2019/09/05 Python
django框架auth模块用法实例详解
2019/12/10 Python
Python matplotlib 绘制双Y轴曲线图的示例代码
2020/06/12 Python
Python爬虫之Selenium鼠标事件的实现
2020/12/04 Python
Smilodox官方运动服装店:从运动服到健身配件
2020/08/27 全球购物
小学生运动会报道稿
2014/09/12 职场文书
离职信范本
2015/06/23 职场文书
Python中使用tkFileDialog实现文件选择、保存和路径选择
2022/05/20 Python
Spring Boot实现文件上传下载
2022/08/14 Java/Android