javascript - 添加按下键盘时的悬停效果

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。 (按任意键查看背景颜色)
希望对您有所帮助。