jquery - jQuery/矢印キーがキーアップイベントをトリガーしていません

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');
            }

        }

    });

});