CSS听键盘操作

Question

我想问的是有什么在CSS中，具有的功能

document.onkeypress = returnKey; 

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

Answer 1

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

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

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

一个简单的（粗糙）的jQuery例如模拟像上body一个:keydown伪类将是这样的：

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

..与对应的类是这样的：

.keydown { 
    background-color: red; 
} 

Answer 2

编号

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