在keydown上更改className

时间:2011-03-24 14:52:45

标签: javascript css class onkeydown

我想这样做,当我按下按钮A时,元素的类获得与鼠标悬停时相同的“类”。 (在CSS中我有kay:悬停以改变风格)。

但是我需要将密钥更改为key:悬停指定的classname。 就像onkeydown将样式从“key C”更改为“key:hover C”:/

我如何实现这种效果?

很抱歉,如果我解释得很糟糕:P

2 个答案:

答案 0 :(得分:1)

您可以执行类似

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

其中65是字母'a'的密钥代码

然后添加

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

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

答案 1 :(得分:1)

已解决,我刚刚做了

KEYDOWN:document.getElementById(“keyC”)。className =“key2 C”; KEYUP:document.getElementById(“keyC”)。className =“key C”;