html - CSS 监听键盘动作

Question

我想问一下 CSS 中是否有一些具有以下功能的东西

document.onkeypress = returnKey;

在javascript中？还是 CSS 中的其他键盘动作监听器？

Answer 1

不，没有，CSS 是静态样式。

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

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

一个简单（粗略）的 jQuery 示例来模拟类似:keydown伪类的body东西是这样的：

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

.. 对应的类是这样的：

.keydown {
    background-color: red;
}

Answer 2

不。

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