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 Effects

Toggle Class

Live Demo

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/

使用jQuery通过ESC键切换类？

2 个答案: