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函数(json)附详细说明
May 25 Javascript
jquery 实现表单验证功能代码(简洁)
Jul 03 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
js+数组实现网页上显示时间/星期几的实用方法
Jan 18 Javascript
基于jquery实现点击左右按钮图片横向滚动
Apr 11 Javascript
js操作checkbox遇到的问题解决
Jun 29 Javascript
JS实现字符串转日期并比较大小实例分析
Dec 09 Javascript
mui上拉加载功能实例详解
Apr 13 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
Nov 17 Javascript
vue生命周期与钩子函数简单示例
Mar 13 Javascript
如何基于JavaScript判断图片是否加载完成
Dec 28 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
May 11 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
一个用php3编写的简单计数器
2006/10/09 PHP
php zend 相对路径问题
2009/01/12 PHP
php 文本文件的读取效率
2012/02/10 PHP
解析用PHP读写音频文件信息的详解(支持WMA和MP3)
2013/05/10 PHP
ThinkPHP自动完成中使用函数与回调方法实例
2014/11/29 PHP
php-app开发接口加密详解
2018/04/18 PHP
php获取用户真实IP和防刷机制的实例代码
2018/11/28 PHP
使用Json比用string返回数据更友好,也更面向对象一些
2011/09/13 Javascript
javascript获取select值的方法分析
2015/07/02 Javascript
javascript设置和获取cookie的方法实例详解
2016/01/05 Javascript
Google 地图事件实例讲解
2016/08/06 Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
2016/08/30 Javascript
Bootstrap模态框禁用空白处点击关闭
2016/10/20 Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
2017/04/05 Javascript
微信小程序模板消息推送的两种实现方式
2019/08/27 Javascript
vue导入.md文件的步骤(markdown转HTML)
2020/12/31 Vue.js
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
2021/01/05 Vue.js
Python中使用不同编码读写txt文件详解
2015/05/28 Python
Python使用中文正则表达式匹配指定中文字符串的方法示例
2017/01/20 Python
python实现对输入的密文加密
2019/03/20 Python
使用coverage统计python web项目代码覆盖率的方法详解
2019/08/05 Python
Python通过正则库爬取淘宝商品信息代码实例
2020/03/02 Python
python with语句的原理与用法详解
2020/03/30 Python
python输入一个水仙花数(三位数) 输出百位十位个位实例
2020/05/03 Python
python 爬虫网页登陆的简单实现
2020/11/30 Python
ASOS亚洲:ASOS Asia
2018/03/04 全球购物
斯洛伐克最大的婴儿食品和用品网上商店:Feedo.sk
2020/12/21 全球购物
教师个人的自我评价分享
2014/01/02 职场文书
2014年党员公开承诺书范文
2014/03/28 职场文书
信用社主任竞聘演讲稿
2014/05/23 职场文书
2014年领导班子工作总结
2014/12/11 职场文书
特此通知格式
2015/04/27 职场文书
2016七夕情人节感言
2015/12/09 职场文书
golang 比较浮点数的大小方式
2021/05/02 Golang
MySQL 如何分析查询性能
2021/05/12 MySQL
my.ini优化mysql数据库性能的十个参数(推荐)
2021/05/26 MySQL