JQuery - 在键盘按下时切换 CSS 属性

Question

我试图在按下键盘键“t”时更改 css 属性。 这是我的代码:

$(document).keypress(function(e) {
    var key = e.which;
    if (key == 116) {
        // if the user pressed 't':
        $("body").css("opacity", "0");
    }
});

问题是当人们点击“t”键时，它会将 css 属性更改为不可见；这是完美的。当他们再次单击“t”时，我需要它再次更改(到之前的状态)。 对于我所犯的任何错误，我深表歉意，我对 jQuery 非常陌生。如果您能提供帮助，我将不胜感激。 非常感谢， 托比。

Answer 1

您可以添加这样的类:

.active {
    opacity: 0
}

然后当您使用 .toggleClass() 按下按键时切换此类

$(document).keypress(function(e) {
    var key = e.which;
    if (key == 116) {
        // if the user pressed 't':
        $("body").toggleClass("active");
    }
});