2013-03-28 41 views
1

我希望能够在按某个键时更改特定类的css属性。在这个例子中,我想要改变css属性animation-play-staterunningpaused空格键被按下。以下(不出所料,作为即时通讯垃圾在jQuery)不起作用:在按键jQuery上更改类的值

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

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

+0

'keypress'事件是否被处理程序捕获?你有没有忘记把这个代码放在'document.ready'回调中? – Lix 2013-03-28 10:01:26

回答

2

可能是因为空格键返回32,和e.which在jQuery的归一化,所以使用的是:

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

FIDDLE(检查元件,样式被施加)

+0

现场感谢,并不知道我从哪里得到错误的键码!我会尝试添加,如果类的值是'运行',将其更改为'暂停',反之亦然,我应该发布一个新的问题,为此增加? – 2013-03-28 10:43:15