2013-03-28 40 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