搜 索

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

编辑:QTOOL.NET日期:2019-04-28110

分享一个同部文本框中的内容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代码进行格式化整理更方便与修改与阅读.

TAG标签:js
此文章由QTOOL.NET编辑
最新文章

热门标签