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 相关文章推荐
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
Mar 06 Javascript
JavaScript 的方法重载效果
Aug 07 Javascript
js escape,unescape解决中文乱码问题的方法
May 26 Javascript
JavaScript可否多线程? 深入理解JavaScript定时机制
May 23 Javascript
javascript日期验证之输入日期大于等于当前日期
Dec 13 Javascript
javascript实现可键盘控制的抽奖系统
Mar 10 Javascript
EasyUI 结合JS导出Excel文件的实现方法
Nov 10 Javascript
javascript实现消灭星星小游戏简单版
Nov 15 Javascript
基于 Immutable.js 实现撤销重做功能的实例代码
Mar 01 Javascript
HTML+JavaScript实现扫雷小游戏
Sep 30 Javascript
微信小程序自定义顶部组件customHeader的示例代码
Jun 03 Javascript
ant design vue 表格table 默认勾选几项的操作
Oct 31 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
收音机发烧友应当熟知的100条知识
2021/03/02 无线电
PHP Pear 安装及使用
2009/03/19 PHP
The specified CGI application misbehaved by not returning a complete set of HTTP headers
2011/03/31 PHP
深入PHP数据缓存的使用说明
2013/05/10 PHP
PHP_SELF,SCRIPT_NAME,REQUEST_URI区别
2014/12/24 PHP
php删除数组指定元素实现代码
2017/05/03 PHP
PHP 文件写入和读取操作实例详解【必看篇】
2019/11/04 PHP
实现复选框全选/全不选切换
2006/12/23 Javascript
javascript 显示当前系统时间代码
2009/12/28 Javascript
在jQuery中 关于json空对象筛选替换
2013/04/15 Javascript
NodeJS学习笔记之FS文件模块
2015/01/13 NodeJs
jQuery统计指定子元素数量的方法
2015/03/17 Javascript
在JavaScript中操作数组之map()方法的使用
2015/06/09 Javascript
Bootstrap源码解读按钮(5)
2016/12/23 Javascript
B/S(Web)实时通讯解决方案分享
2017/04/06 Javascript
前端开发不得不知的10个最佳ES6特性
2017/08/30 Javascript
js删除数组中某几项的方法总结
2019/01/16 Javascript
vue-cli3 取消eslint校验代码的解决办法
2020/01/16 Javascript
Vue 数据绑定的原理分析
2020/11/16 Javascript
[06:45]DOTA2卡尔工作室 英雄介绍幻影长矛手篇
2013/07/12 DOTA
[02:38]DOTA2超级联赛专访Loda 认为IG世界最强
2013/05/27 DOTA
[01:13:08]2018DOTA2亚洲邀请赛4.6 淘汰赛 mineski vs LGD 第二场
2018/04/10 DOTA
python各种语言间时间的转化实现代码
2016/03/23 Python
python实现分页效果
2017/10/25 Python
Python中new方法的详解
2019/01/15 Python
只需7行Python代码玩转微信自动聊天
2019/01/27 Python
使用Python的SymPy库解决数学运算问题的方法
2019/03/27 Python
Python Opencv任意形状目标检测并绘制框图
2019/07/23 Python
django前端页面下拉选择框默认值设置方式
2020/08/09 Python
基于CSS3实现立方体自转效果
2016/03/01 HTML / CSS
Sephora丝芙兰泰国官方网站:国际知名化妆品购物
2017/11/15 全球购物
寒暑假实习证明书模板
2014/11/29 职场文书
幼儿园老师新年寄语2015
2014/12/08 职场文书
结婚喜宴迎宾词
2015/08/10 职场文书
一篇文章带你搞懂Python类的相关知识
2021/05/20 Python
Redis中缓存穿透/击穿/雪崩问题和解决方法
2021/12/04 Redis