jquery - 使用 jQuery 通过 ESC 键切换类？

Question

我已经设置了一个 jQuery 函数，以便在按下 ESC 键时向正文添加一个类。

如何更改下面的代码以在按键时添加和删除类之间切换，而不是只添加一次？

if(key.code == 27 && $(document.body).hasClass('preview-mode'))
     $(document.body).removeClass('preview-mode');

Answer 1

if(key.code == 27)
    $(document.body).toggleClass('Your_class_2'); //set your default class as preview-mode 

更多信息：jQuery 效果

切换类

现场演示

Answer 2

注意： keypress不会在 google-chrome https://stackoverflow.com/a/3901076/829533中捕获转义键

尝试这个

$(document).ready(function () {
    $(document).keydown(function(e){

        if(e.keyCode == 27) {
            if ($('body').hasClass('preview-mode')) {
                $('body').removeClass('preview-mode');
            } else {
                $('body').addClass('preview-mode');
            }
        }
    });
});

小提琴 http://jsfiddle.net/tcPfQ/3/

或与toggleClass

$(document).ready(function () {
    $(document).keydown(function(e){

        if(e.keyCode == 27) {
            $('body').toggleClass('preview-mode');
        }
    });
})

小提琴 http://jsfiddle.net/tcPfQ/2/