左箭头开始的功能点击

Question

我有这个简单的javascript

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

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

非常感谢！

Answer 1

<强> Working fiddle

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

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

希望这有帮助。

Answer 2

$('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 3

使用jQuery中的keypress()：link。 left arrow的关键代码是37。