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.