在keypress jQuery上更改类值

时间:2013-03-28 09:58:36

标签: jquery html5 css3 css-animations

我希望能够在按某个键时更改特定类的css属性。在此示例中,我想在按下空格键时将css属性animation-play-staterunning更改为paused。以下(不出所料,因为jQuery中的垃圾)不起作用:

$(document).bind("keypress", function(e) {
   if (e.keyCode == 49) {
      $('.object').css('animation-play-state', 'paused')
   };
});

任何人都可以指导我走正确的道路吗?谢谢!

2 个答案:

答案 0 :(得分:2)

可能是因为空格键返回32,而e.which在jQuery中已标准化,因此请使用:

$(document).on("keyup", function(e) {
   if (e.which == 32) {
      $('.object').css('animation-play-state', 'paused')
   }
});

FIDDLE(检查元素,应用样式)

答案 1 :(得分:0)

空格键的keyCode为32。