javascript - Keydown 不起作用

Question

我在这里阅读了很多帖子，但我只是不明白为什么我的代码不起作用。我有另一个带有灯箱图像滑块的页面。它具有键码 39 和 37 的击键。这会覆盖我的代码并使其无法正常工作吗？我是jquery用户的初学者，请详细解释一下。

   <span class="pageLinks">
      <asp:HyperLink ID="cmdPrev_Top" CssClass="pgprev" Text="" runat="server"></asp:HyperLink>
      <asp:HyperLink ID="cmdNext_Top" CssClass="pgnext" Text="" runat="server"></asp:HyperLink>
   </span>


   $(document).ready(function () {
    $(document).bind('keydown', function (event) {
        var keycode = event.keyCode;
        if (key == 37) {
            left(function () {
                $('.pgprev').click();
                alert(prev);
            });
        } else if (key == 39) {
            right(function () {
                $('pgnext').click();
                alert(next);
            });
        }
    }); // keydown handler ends here
});

Answer 1

好吧，您的变量名称似乎不同。你有：

var keycode = event.keyCode;

然后

if (key == 37) {

和

} else if (key == 39){

从哪里来key？

Answer 2

变量名是 keyCode 而不是 key！这段代码应该可以工作

$(document).ready(function () {
 $(document).bind('keydown', function (event) {
    var keycode = event.keyCode;
    if (keycode  == 37) {
        left(function () {
            $('.pgprev').click();
            alert("prev");
        });
    } else if (keycode  == 39) {
        right(function () {
            $('pgnext').click();
            alert("next");
        });
    }
}); // keydown handler ends here
});