javascript中的tab keyascii不起作用

Question

例如，我在HTML代码中有3个元素用于文本输入。

<input type="text" name="txt1" />
<input type="text" name="txt2" />
<input type="text" name="txt3" />

初次加载时，我将js设置为关注txt1 。 我的问题是，我怎么能操纵keyascii当我压片从TXT1到txt3？

事实上，我已经用jquery添加了一些js代码来做到这一点，但是没有用！ 它始终集中在txt2上 。 这是我的js代码：

$('input[name="txt1"]').keyup(function(e){
        if((e.keyWhich || e.keyCode) == 9){
            $('input[name="txt3"]').focus();
        }
    });

Answer 1

侦听keydown并使用e.preventDefault()阻止默认行为。 在触发keyup事件之前，将执行按tab的默认行为。 这就是为什么您必须使用keydown的原因。

$('input[name="txt1"]').keydown(function(e){
    if((e.keyWhich || e.keyCode) == 9){            
        e.preventDefault();
        $('input[name="txt3"]').focus();
    }
});

看到这个小提琴

Answer 2

您应该改为监听keydown并使用e.preventDefault（）

例：

$('input[name="txt1"]').keydown(function(e){
    if((e.keyWhich || e.keyCode) == 9) {
        e.preventDefault();
        $('input[name="txt3"]').focus();
    }
});

在JSFiddle上查看

preventDefault的文档