jquery - jQuery / 箭头键未触发 keyup 事件

Question

我正在尝试使用右箭头键在类之间进行更改，但我在使用箭头键触发事件时遇到了问题。相反，它在鼠标单击时起作用。右箭头键 keyCode 是 39。我都试过了，得到了相同的结果。

$(document).ready(function(){
    $(document).keyup(function(evt){
    console.log(evt.keyCode);// used to verify the keyCode 39

    if (evt.keyCode == 39) {
        $('body').toggle(function(){
            $('body').removeClass().addClass('narrow');

        }, function() {
        $('body').removeClass().addClass('large');

        }, function() {
        $('body').removeClass();
        });
        } 
        else {
        return false;
    };
    )
   });

Answer 1

编辑——

一切都是正确的，除了切换。这是我假设您正在尝试做的事情-

http://jsfiddle.net/jmsessink/nxJxj/3/

$(function() {

    $(document).keyup(function(evt) {

        if (evt.keyCode == 39) {

            if ($('body').hasClass('narrow')) {
                $('body').removeClass('narrow').addClass('large');
            } else if ($('body').hasClass('large')) {
                $('body').removeClass('large');
            } else {
                $('body').addClass('narrow');
            }

        }

    });

});