按下键盘时添加悬停效果

Question

当使用jquery按键盘上的特定键时，如何向div添加类似悬停的效果？

  <div id="d-up" class="button"></div>

谢谢

Answer 1

你可以这样做：

$(document).ready(function(){
    $(window).keypress(function(e){
       $(".button").css("background-color","#ccc");
    });
  
  $(window).keyup(function(e){
       $(".button").css("background-color","#fff");
    });
});

.button{
    width:50px;
    height:50px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="d-up" class="button"></div>

检查Fiddle

在按键时，它会添加div的background-color。 （按任意键查看背景颜色）
希望它有所帮助。