前端js键盘事件以及对应code

键盘事件

　　1.keydown()事件
　　　　当按钮被按下时，发生 keydown 事件。

　　2.keypress()事件
　　　　keypress 当按钮被按下时，会发生该事件，我们可以理解为按下并抬起同一个按键。

　　3.keyup事件
　　　　keyup 事件会在按键释放时触发，也就是你按下键盘起来后的事件

对应代码（常用）

使用方法

$(document).keydown(function (event) {
    //判断当event.keyCode 为37时（即左方面键），执行函数to_left();
    //判断当event.keyCode 为39时（即右方面键），执行函数to_right();
    if (event.keyCode === 37) {
        console.log('按下了左方向键');
        //do somethings;
    } else if (event.keyCode === 39) {
        console.log('按下了右方向键');
        //do somethings;
    }
});

实现ctrl+Enter提交表单，代码如下：

$(document).keypress(function(e) {
    if (e.ctrlKey && e.which === 13){
       $("form").submit();
    }
});

获取键码

  window.onload = function () {
  
     var keyCode;
     var isCtrl = false;
     document.onkeydown = function (e) {
        if (!keyCode) {
             if (window.event) {
                keyCode = event.keyCode;
             } else if (e.which) {
                 keyCode = e.which;
             }
            if (keyCode === 17) {
                 isCtrl = true;
             }
             console.log("key1：" + keyCode+",isCtrl："+isCtrl);
         }
     };
 
     document.onkeyup = function () {
         if (keyCode) {
             keyCode = undefined;
         }
     };
 }