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 相关文章推荐
Js如何判断客户端是PC还是手持设备简单分析
Nov 22 Javascript
js图片预加载示例
Apr 30 Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
Sep 15 Javascript
jquery UI Datepicker时间控件的使用方法(终结版)
Nov 07 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
Dec 08 Javascript
JS实现重新加载当前页面或者父页面的几种方法
Nov 30 Javascript
JS实现旋转木马式图片轮播效果
Jan 18 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
May 31 Javascript
Vue中使用webpack别名的方法实例详解
Jun 19 Javascript
vue.js实现图书管理功能
Sep 24 Javascript
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
vue中watch和computed为什么能监听到数据的改变以及不同之处
Dec 27 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 sprintf() 函数的应用(定义和用法)
2012/06/29 PHP
解析获取优酷视频真实下载地址的PHP源代码
2013/06/26 PHP
php封装的mysqli类完整实例
2016/10/18 PHP
Yii框架参数配置文件params用法实例分析
2019/09/11 PHP
js中精确计算加法和减法示例
2014/03/28 Javascript
加载列表时jquery获取ul中第一个li的属性
2014/11/02 Javascript
jQuery动态修改超链接地址的方法
2015/02/13 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
2016/08/10 Javascript
JavaScript实现鼠标点击导航栏变色特效
2017/02/08 Javascript
Vue-Router实现页面正在加载特效方法示例
2017/02/12 Javascript
js实现三级联动效果(简单易懂)
2017/03/27 Javascript
原生JavaScript实现todolist功能
2018/03/02 Javascript
js如何找出字符串中的最长回文串
2018/06/04 Javascript
基于JavaScript实现每日签到打卡轨迹功能
2018/11/29 Javascript
Python赋值语句后逗号的作用分析
2015/06/08 Python
老生常谈进程线程协程那些事儿
2017/07/24 Python
python实现Adapter模式实例代码
2018/02/09 Python
利用python将图片版PDF转文字版PDF
2019/05/03 Python
python如何实现代码检查
2019/06/28 Python
Python中使用gflags实例及原理解析
2019/12/13 Python
美国宠物商店:Wag.com
2016/10/25 全球购物
美国最大的骑马用品零售商:HorseLoverZ
2017/01/12 全球购物
佳能加拿大网上商店:Canon eStore Canada
2018/04/04 全球购物
杭州-DOTNET笔试题集
2013/09/25 面试题
档案管理员岗位职责
2013/12/01 职场文书
上课迟到检讨书100字
2014/01/11 职场文书
九年级家长会邀请函
2014/01/15 职场文书
超市总经理岗位职责
2014/02/02 职场文书
2014年小学元旦活动方案
2014/02/12 职场文书
文明村镇申报材料
2014/05/06 职场文书
小学生一分钟演讲稿
2014/08/26 职场文书
地震捐款倡议书
2014/08/29 职场文书
超市开店计划书
2014/09/15 职场文书
大学生考试作弊检讨书
2014/09/21 职场文书
服装店员工管理制度
2015/08/07 职场文书
叶县这家生产军用电台的兵工厂,人称“四机部”,走出一上将
2022/02/18 无线电