1

使用箭头键时如何打开侧边菜单?右箭头键打开它左箭头键关闭它。

这是我的菜单如何打开和关闭的代码:

<script>
function toggle() {
  if( document.getElementById("hidethis").style.display=='none' ){
    document.getElementById("hidethis").style.display = '';
  }else{
    document.getElementById("hidethis").style.display = 'none';
  }
</script> 

我已经研究了这个主题,但如果你能告诉我或指出我正确的方向,那将无法找到任何与我直接相关的内容。我敢肯定,您可以使用某种 keydown 功能来做到这一点,只是不确定如何。

4

3 回答 3

3
document.addEventListener("keydown", function (e) {
    if (e.keyCode === 39)
        document.getElementById("hidethis").style.display = '';
    if (e.keyCode === 37)
        document.getElementById("hidethis").style.display = 'none';
}, false);

应该做的伎俩。

于 2013-11-03T14:36:25.353 回答
2

以下是判断是否按下了右箭头或左箭头的 Javascript 代码:

<!DOCTYPE html>
<html>
<head>
    <script>
        var thisKey;

        document.onkeydown = keyHit;
        var ltArrow = 37;
        var rtArrow = 39;
        function keyHit(evt) {
            if(evt) {
                thisKey = evt.which;
            } else {
                thisKey = window.event.keyCode;
            }
            if (thisKey == rtArrow) { //Right arrow key is pressed
                document.getElementById("hidethis").style.display = '';
            } else if (thisKey == ltArrow) { //Left arrow key is pressed
                document.getElementById("hidethis").style.display = 'none';
            }
        }
    </script>
</head>
<body>   
</body>
</html>

我希望这有帮助!

于 2013-11-03T15:32:48.347 回答
0

在 jquery 网页上尝试 jquery keycode av 在普通的 javascript 中它的字符

于 2013-11-03T14:00:18.407 回答