javascript - keydown で className を変更する

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');
    }
});

65 は文字「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 = "キー C";