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 预解析
Oct 25 Javascript
ExtJs grid行 右键菜单的两种方法
Jun 19 Javascript
在Javascript里访问SharePoint列表数据的实现方法
May 22 Javascript
基于JS实现类似支付宝支付密码输入框
Sep 02 Javascript
js获取Get值的方法
Sep 29 Javascript
简单实现jQuery多选框功能
Jan 09 Javascript
Vue 父子组件的数据传递、修改和更新方法
Mar 01 Javascript
vue 利用路由守卫判断是否登录的方法
Sep 29 Javascript
Vue.js 中的 v-cloak 指令及使用详解
Nov 19 Javascript
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
Nov 05 Javascript
详解js location.href和window.open的几种用法和区别
Dec 02 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
关于shopex同步ucenter的redirect问题,导致script不运行
2013/04/10 PHP
php实现图片局部打马赛克的方法
2015/02/11 PHP
php简单图像创建入门实例
2015/06/10 PHP
PHP实现对数组分页处理实例详解
2017/02/07 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
用方法封装javascript的new操作符(一)
2010/12/25 Javascript
基于Jquery的动态创建DOM元素的代码
2010/12/28 Javascript
关于捕获用户何时点击window.onbeforeunload的取消事件
2011/03/06 Javascript
Nodejs+express+html5 实现拖拽上传
2014/08/08 NodeJs
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
2014/12/20 Javascript
jQuery中ajax的load()方法用法实例
2014/12/26 Javascript
plupload+artdialog实现多平台上传文件
2016/07/19 Javascript
JavaScript实现的XML与JSON互转功能详解
2017/02/16 Javascript
vue2.0多条件搜索组件使用详解
2020/03/26 Javascript
js使用Promise实现简单的Ajax缓存
2018/11/14 Javascript
Javascript 关于基本类型和引用类型的个人理解
2019/11/01 Javascript
[48:23]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第一局
2016/03/05 DOTA
python实现异步回调机制代码分享
2014/01/10 Python
python处理中文编码和判断编码示例
2014/02/26 Python
Python 字符串换行的多种方式
2018/09/06 Python
对PyQt5中的菜单栏和工具栏实例详解
2019/06/20 Python
pygame库实现俄罗斯方块小游戏
2019/10/29 Python
Python3实现配置文件差异对比脚本
2019/11/18 Python
python数字类型math库原理解析
2020/03/02 Python
一款纯css3实现的非常实用的鼠标悬停特效演示
2014/11/05 HTML / CSS
世界上最大的家庭自动化公司:Smarthome
2017/12/20 全球购物
欧洲顶级体育电子商务网站:SportsShoes.com
2018/03/27 全球购物
Aosom西班牙:家具在线商店
2020/06/11 全球购物
swtich是否能作用在byte上,是否能作用在long上,是否能作用在String上
2013/07/06 面试题
小学美术教学反思
2014/02/01 职场文书
电子商务专业求职信
2014/03/08 职场文书
三万活动总结
2014/04/28 职场文书
护理见习报告范文
2014/11/03 职场文书
创业计划书之甜品店
2019/09/18 职场文书
MySQL大小写敏感的注意事项
2021/05/24 MySQL
Python+Pillow+Pytesseract实现验证码识别
2022/05/11 Python