html - CSS がキーボード操作をリッスンする

Question

CSSに次のような機能を備えたものがありますか？

document.onkeypress = returnKey;

JavaScriptで？またはCSSの他のキーボードアクションリスナー?

score 8 · Accepted Answer

いいえ、CSS は静的なスタイリングです。

:hover、:link、:activeなどの特定のアクションには疑似クラスがありますが:focus、これらは要素固有です。

あなたの最善の策は、keydown ハンドラーを割り当て、スタイルに別のクラスを提供することです。これにより、JavaScript と CSS を組み合わせて、必要な効果を得ることができます。ハンドラーでは、必要な要素にクラスを適用できます。

:keydown疑似クラスのようなものをエミュレートするための単純な (そしてラフな) jQuery の例は、次のようにbodyなります。

$('body').keydown(function() {
    $(this).addClass('keydown');
}).keyup(function() {
    $(this).removeClass('keydown');
});

.. 次のような対応するクラスを使用します。

.keydown {
    background-color: red;
}

score 5 · Accepted Answer

いいえ。

CSS はスクリプティング用ではなくスタイリング用です。キーボードイベントを処理するには、JavaScript を使用します。

2 に答える 2