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滚动字幕效果实现代码
Jun 22 Javascript
js前台判断开始时间是否小于结束时间
Feb 23 Javascript
js关闭子窗体刷新父窗体实现方法
Dec 04 Javascript
JavaScript实现的一个计算数字步数的算法分享
Dec 06 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
Dec 08 Javascript
浅谈JavaScript前端开发的MVC结构与MVVM结构
Jun 03 Javascript
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
May 12 Javascript
如何理解Vue的render函数的具体用法
Aug 30 Javascript
Router解决跨模块下的页面跳转示例
Jan 11 Javascript
jquery 给动态生成的标签绑定事件的几种方法总结
Feb 24 jQuery
JS拖拽排序插件Sortable.js用法实例分析
Feb 20 Javascript
Vue 数据绑定的原理分析
Nov 16 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获取一年有几周以及每周开始日期和结束日期
2015/08/06 PHP
php将数组存储为文本文件方法汇总
2015/10/28 PHP
thinkphp3.x中cookie方法的用法分析
2016/05/19 PHP
php中通过eval实现字符串格式的计算公式
2017/03/18 PHP
php常用字符串长度函数strlen()与mb_strlen()用法实例分析
2019/06/25 PHP
javascript管中窥豹 形参与实参浅析
2011/12/17 Javascript
innerHTML与jquery里的html()区别介绍
2012/10/12 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
2015/08/19 Javascript
JS判断form内所有表单是否为空的简单实例
2016/09/09 Javascript
JavaScript中apply方法的应用技巧小结
2016/09/29 Javascript
详解数组Array.sort()排序的方法
2020/05/09 Javascript
vue 注册组件的使用详解
2018/05/05 Javascript
Vue Router的懒加载路径的解决方法
2018/06/21 Javascript
Electron-vue脚手架改造vue项目的方法
2018/10/22 Javascript
了解javascript中的Dom操作
2019/05/27 Javascript
微信小游戏之使用three.js 绘制一个旋转的三角形
2019/06/10 Javascript
vue安装遇到的5个报错及解决方法
2019/06/12 Javascript
Electron + vue 打包桌面操作流程详解
2019/06/24 Javascript
[41:13]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第一场 11.20
2020/11/20 DOTA
python爬虫获取京东手机图片的图文教程
2017/12/29 Python
python集合是否可变总结
2019/06/20 Python
pyqt5之将textBrowser的内容写入txt文档的方法
2019/06/21 Python
Python在OpenCV里实现极坐标变换功能
2019/09/02 Python
Python 矩阵转置的几种方法小结
2019/12/02 Python
flask 实现上传图片并缩放作为头像的例子
2020/01/09 Python
Django REST framwork的权限验证实例
2020/04/02 Python
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
2016/12/20 HTML / CSS
Bogner美国官网:滑雪服中的”Dior”
2018/01/30 全球购物
威尔逊皮革:Wilsons Leather
2018/12/07 全球购物
武汉瑞得软件笔试题
2015/10/27 面试题
军训生自我鉴定范文
2013/12/27 职场文书
咖啡店的创业计划书,让你hold不住
2014/01/03 职场文书
社会治安综合治理责任书
2015/01/29 职场文书
2015年小学生暑假总结
2015/07/13 职场文书
校园新闻稿范文
2015/07/18 职场文书
为什么代码规范要求SQL语句不要过多的join
2021/06/23 MySQL