在用户首先单击页面之前，jquery keyup 不会被触发

Question

我正在尝试使用 jQuery 中的按键设置一些简单的页面导航。例如，如果用户按向左箭头键，我希望页面加载一些内容。

一切正常，只是用户必须首先单击浏览器窗 Eloquent 能注册关键事件。

这是我正在使用的代码:

$(document).ready(function() {
  $(document.documentElement).live("keyup", function(event) {
      if (event.keyCode == 37) {//left arrow
        //do something here
      }
  });
});

这似乎是一个焦点问题，但我读到使用 document.documentElement 意味着我不必专注于任何特定的事情。

如果用户在页面上单击一次，然后单击向左箭头，则该方法有效。但是，如果他们加载页面并点击左箭头而不点击它就不会触发。

有办法解决这个问题吗？

Answer 1

使用 .on() 尝试此操作并且没有委托(delegate)事件处理。

$(document).ready(function() {
   $(document).on("keyup", function(event) {
      if (event.which == 37) {//left arrow
        //do something here
      }
   });
});

或使用.keyup() 方法如下:

$(document).ready(function() {
   $(document).keyup(function(event) {
      if (event.which == 37) {//left arrow
        //do something here
      }
   });
});

在这里，您不需要 live(已弃用)和 document.documentElement。