javascript - 对单击和按下(向左和向右)箭头键执行操作

Question

我有一个仪表板页面，其中的左 Pane 可在单击时滑动。我想在按左箭头键和右箭头键时发生同样的事情。

有人可以帮我解决这个问题吗？我可以通过点击做到这一点。以下是我的解决方案:

$(document).ready(function() {
      $('#opener, .left-panel-head').on('click', function() {
        var panel = $('#LeftPanel');
        if (panel.hasClass("visible")) {
          panel.removeClass('visible').animate({'margin-left': '-300px'});         
					$('#rightPanel').animate({'width': '100%'});
        } else {
          panel.addClass('visible').animate({'margin-left': '0px'});         
					$('#rightPanel').animate({'width': '74%'});
        }
        return false;
      });
  });

Answer 1

function updatePanel(direction) {

    if(direction === 'left') {
         // pressing left
    }else if(direction === 'right') {
         // pressing right
    }

};

 $(document).keypress(function( event ) {

      if(event.which == 37) {

         updatePanel('left');

      }else if(event.which == 39) {

         updatePanel('right');

      }

    };

 $('#opener, .left-panel-head').on('click', updatePanel('left'));
 $('#opener, .right-panel-head').on('click', updatePanel('right'));