jquery - jQuery 没有关注正确的 DOM 元素

Question

我设置了 3 个按钮，每当单击选项卡时，第三个按钮应该是焦点，而不是行中的下一个按钮，即第一个按钮。出于某种原因，我无法让以下代码工作。关于为什么它不起作用的任何想法？

$("#updater").keyup(function(event) {
    var keyCode = event.keyCode || event.which;
    if(keyCode === 9) {
        $("#shareButton").focus();
    }
});

Answer 1

尝试返回false以防止默认操作

$("#updater").keyup(function(event) {
    var keyCode = event.keyCode || event.which;
    if(keyCode === 9) {
        $("#shareButton").focus();
        return false;  // <- add this
    }
});

或者你也可以做event.preventDefault()而不是return false;

编辑：

好的尝试更改keyup为keydown

演示

Answer 2

我还没有测试，但我认为这应该工作。

 $("#updater").bind("keydown",function(event) {
     if (event.which == 9) {
      e.preventDefault();
       $("#shareButton").focus();
       }
    });