实用的同部文本框中的内容与常用的序列焦点特效js代码

分享一个同部文本框中的内容js代码和一个类似于输入序列号码自动跳到新的文本框中效果js.

代码如下：

 

<script language="JavaScript">

    function addu(eventHandler)

    {

        var tbt = document.getElementsByTagName('input');

        for(var i=0;i<tbt.length;i++)

        {

            if(tbt[i].getAttribute('tb') == 'true')

            {

                if(tbt[i].addEventListener)

                {

                    tbt[i].addEventListener('keyup',eventHandler,true);

                }

                else

                {

                    tbt[i].attachEvent('onkeyup',eventHandler);

                }

            }

        }

    }

    function addInput(e)

    {

        var obj = e.target ? e.target : e.srcElement;

        var tbt = document.getElementsByTagName('input');

        for(var i=0;i<tbt.length;i++)

        {

            if(tbt[i].getAttribute('tb') == 'true'&&tbt[i]!=obj)

            {

                tbt[i].value = obj.value;

            }

        }

    }

    window.onload = function()

    {

        addu(addInput);

    }

</script>

 

  <input   size="35" value=""   tb="true" />

 

  <input  size="35" value=""   tb="true" />

 

  <input   size="35" value=""  tb="true" />

 

输入序列号时常用的让焦点自动跳转的特效 

在以下的四个文本框中，在每个文本框中输入限定字符自动跳到下一个文本框的效果

代码如下

<script language="javascript">

function c1_onkeyup() {

if(document.card.c1.value.length==4){

document.card.c2.focus();

}

}

function c2_onkeyup() {

if(document.card.c2.value.length==4){

document.card.c3.focus();

}

}

function c3_onkeyup() {

if(document.card.c3.value.length==4){

document.card.c4.focus();

}

}

//

</script>

<form method="POST" name="card">

输入内容：

<input type="text" name="c1" size="4" maxlength="4" language="javascript" onkeyup="return c1_onkeyup()">-

<input type="text" name="c2" size="4" maxlength="4" language="javascript" onkeyup="return c2_onkeyup()">-

<input type="text" name="c3" size="4" maxlength="4" language="javascript" onkeyup="return c3_onkeyup()">-

<input type="text" name="c4" size="4" maxlength="4">

</form>

如果觉得js太乱还可以实用本站的js工具对js代码进行格式化整理更方便与修改与阅读.