jquery - キープレス jQuery でクラス値を変更する

Question

特定のキーを押したときに、特定のクラスの css プロパティを変更できるようにしたいと考えています。animation-play-stateこの例では、css プロパティをrunningからpausedwhenに変更したいと思いspacebarます。次の (当然のことながら、jQuery のゴミとして) は機能しません。

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

誰かが私を正しい道に導くことができますか? ありがとう！

Answer 1

スペースバーが を返し32、e.whichjQuery で正規化されていることが原因である可能性があるため、次のように使用します。

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

FIDDLE (要素を検査し、スタイルが適用されます)

Answer 2

keyCodeスペースバーの は 32 です。