CSS听键盘动作

Question

我想问一下CSS中是否存在以

为特征的功能

document.onkeypress = returnKey;

在JavaScript中

？或者CSS中的其他键盘动作监听器？

Answer 1

没有，CSS是静态样式。

某些操作有伪类，例如:hover，:link，:active和:focus等，但这些是特定于元素的。

您最好的选择是分配keydown处理程序，并为您的样式提供单独的类，从而混合JavaScript和CSS以获得您想要的效果。在处理程序中，您可以将类应用于所需的元素。

在:keydown上模拟类似body伪类的简单（粗略）jQuery示例将是这样的：

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

..有一个像这样的对应类：

.keydown {
    background-color: red;
}

Answer 2

没有

CSS用于样式，而不是脚本。要处理键盘事件，请使用JavaScript。