javascript - 从左键单击箭头开始的功能

Question

我有这个简单的 javascript

$('#about_us').on('click',function() {
    $('#slider').toggleClass('open');
});

我只想通过单击键盘上的向左箭头来激活该功能。

非常感谢!

Answer 1

$('body').keydown(function(e) {
    if(e.keyCode == 37) 
    {
        $('#slider').toggleClass('open');
    }
});

#slider {
  background:red;
  height:0px;
}
#slider.open {
  height:100px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>Click once on this frame (to focus this body) and hit the left arrow</div>
<div id="slider">
  
</div>