功能开始上箭头左键点击

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>

Answer 2

工作小提琴

添加keydown()事件，检查e.keyCode == 37是否点击了left-arrow，尝试以下代码:

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

Answer 3

使用keypress()从jQuery:链接。left arrow的键码为37