在表单字段中自动前进

时间:2012-09-28 15:16:03

标签: javascript html input tabs

我有一个简单的脚本,在输入一个字符后自动将光标前进到我的html表单中的下一个字段...并且它非常适合。这是简单的代码:

function autotab(current,to)
{
if (current.getAttribute && current.value.length==current.getAttribute("maxlength")) 
{   
        to.focus()          
    }
}

然后我当然使用onkeyup来推进它,就像这样:

<input onkeyup="autotab(this, document.jumble.w1b)" type="text">

同样,这很有效。但是,当我执行Shift + Tab以返回一个框时,它会自动前进,然后才能输入任何内容。

有没有人有如何使Shift + Tab工作的代码示例?我尝试过尝试使用密钥代码检测shift和tab的不同变体,但它似乎不起作用。

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

如果shift + tab jsfiddle

,您应该阻止to.focus
  function autotab(event, current,to)  {
       event = event || window.event;       
       if(event.keyCode < 65  ||  event.keyCode > 90){
         return ;
       }
       if (current.getAttribute && current.value.length==current.getAttribute("maxlength")) 
       {   
         to.focus()          
       }
    }

编辑:在autotab中添加事件作为第一个参数:<input onkeyup="autotab(event, this, document.jumble.w1b)" type="text">