JS实现超过长度限制后自动跳转下一款文本框的方法


本文向大家介绍JS实现超过长度限制后自动跳转下一款文本框的方法,包括了JS实现超过长度限制后自动跳转下一款文本框的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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程序设计有所帮助。

声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:notice#yiidian.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。