按下按键时更改类名

Question

我想要这样做，当我按下按钮 A 时，元素的类将获得与鼠标悬停时相同的“类”。 （在 CSS 中我有 kay:hover 来改变样式）。

但我需要将指定类名的键更改为 key:hover 。 就像 onkeydown 将样式从“key C”更改为“key:hover C”：/

我如何实现这种效果？

抱歉，如果我解释得不好：P

Answer 1

您可以执行类似“

$('#area').keydown(function(event) {
    if (event.keyCode == '65') {
        $('#elementToChange').attr('class', 'newClass');
    }
});

Where 65 is the keycode for the letter 'a'”

的操作，然后添加

$('#area').keyup(function(event) {
    if (event.keyCode == '65') {
        $('#elementToChange').attr('class', 'oldClass');
    }
});

将类设置回释放“a”按钮时的状态。

Answer 2

已解决我刚刚做了

KEYDOWN: document.getElementById("keyC").className = "key2 C";
KEYUP: document.getElementById("keyC").className = "key C";