javascript - Chrome 不允许选项卡阻止默认

Question

我有一个表单，用户可以在其中选项卡并跳转到不同的元素。我要在标签到达特殊 anchor 标记时停止标签。

这是在 Firefox 中运行的代码

    $('.next-tab').keypress(function(e){
        var code = (e.keyCode ? e.keyCode : e.which);
        console.log(code);
        if (code == 0 || code == 9){
            console.log("keypress")
            e.preventDefault();
            e.stopPropagation();
        }
    });

但是这段代码在chrome中不起作用，我不知道为什么，它甚至没有进入按键方法。所以我在 Chrome 上使用了这段代码

$('.next-tab').blur(function(e) {
            var code = (e.keyCode ? e.keyCode : e.which);
            console.log(code);
            if (code == 0 || code == 9){
                console.log("blur")
                e.preventDefault();
                e.stopPropagation();
            }
        });

它通过条件进入模糊方法，但不执行任何操作，用户可以轻松移动到下一个元素。

Answer 1

对于 chrome 支持，看起来您需要使用 keydown 事件:

http://jsfiddle.net/qD2rk/

$('.next-tab').keydown(function (e) {
    var code = (e.keyCode ? e.keyCode : e.which);
    console.log(code);
    if (code == 0 || code == 9) {
        console.log("keydown")
        e.preventDefault();
        e.stopPropagation();
    }
});