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代码优化 遍历篇
Nov 01 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
Feb 11 Javascript
javascript生成随机大小写字母的方法
Feb 20 Javascript
JS基于面向对象实现的拖拽库实例
Sep 24 Javascript
Javascript将数字转化成为货币格式字符串
Jun 22 Javascript
详解node.js搭建代理服务器请求数据
Apr 08 Javascript
JavaScript队列函数和异步执行详解
Jun 19 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
Oct 25 Javascript
vue+node+webpack环境搭建教程
Nov 05 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
Dec 01 Javascript
微信小程序云开发如何实现数据库自动备份实现
Aug 16 Javascript
VUE动态生成word的实现
Jul 26 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
如何冲泡挂耳包咖啡?技巧是什么
2021/03/04 冲泡冲煮
php使用str_shuffle()函数生成随机字符串的方法分析
2017/02/17 PHP
yii框架无限极分类的实现方法
2017/04/08 PHP
JavaScript 实现??打印?理
2007/04/28 Javascript
Js,alert出现乱码问题的解决方法
2013/06/19 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
2014/04/30 Javascript
$(document).ready(function() {})不执行初始化脚本
2014/06/19 Javascript
js 通过cookie实现刷新不变化树形菜单
2014/10/30 Javascript
jquery实现的伪分页效果代码
2015/10/29 Javascript
利用JS实现简单的瀑布流加载图片效果
2017/04/22 Javascript
vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据
2017/04/22 Javascript
webpack配置sass模块的加载的方法
2017/07/30 Javascript
Django+Vue.js搭建前后端分离项目的示例
2017/08/07 Javascript
JS处理数据四舍五入(tofixed与round的区别详解)
2017/10/26 Javascript
Vue.js实现可配置的登录表单代码详解
2018/03/29 Javascript
vue项目中api接口管理总结
2018/04/20 Javascript
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
2018/04/26 jQuery
jQuery实现动态添加和删除input框实例代码
2019/03/26 jQuery
Python实时获取cmd的输出
2015/12/13 Python
Python合并字典键值并去除重复元素的实例
2016/12/18 Python
Python编程判断一个正整数是否为素数的方法
2017/04/14 Python
Python实现简单的文本相似度分析操作详解
2018/06/16 Python
python 对给定可迭代集合统计出现频率,并排序的方法
2018/10/18 Python
Pycharm取消py脚本中SQL识别的方法
2018/11/29 Python
Python后台开发Django会话控制的实现
2019/04/15 Python
python3中的eval和exec的区别与联系
2019/10/10 Python
pandas 对group进行聚合的例子
2019/12/27 Python
外企测试工程师面试题
2015/02/01 面试题
天鹅的故事教学反思
2014/02/04 职场文书
2014新生大学四年计划书
2014/09/21 职场文书
出资证明书范本(标准版)
2014/09/24 职场文书
幼儿园六一儿童节演讲稿
2015/03/19 职场文书
Java elasticsearch安装以及部署教程
2021/06/28 Java/Android
浅谈MySQL表空间回收的正确姿势
2021/10/05 MySQL
Mybatis-Plus进阶分页与乐观锁插件及通用枚举和多数据源详解
2022/03/21 Java/Android
MySQL的存储过程和相关函数
2022/04/26 MySQL