记录键盘上所有按键对应的KeyCode 值

在vue中,对于键盘全局监听事件一般放在mounted方法中,具体用法如下:

mounted() {
	 let _this = this
        // 全局监听键盘事件
        document.onkeydown = function() {
        	let key = window.event.keyCode
            let shift_key = window.event.shiftKey // shift键
			// 监听键盘左方向按键(keycode37)
            if (key == 37) {
                console.log('left')
            }
            // 监听shift+=(+)及小键盘的+
			if ((shift_key && key == 187) || (key == 107)) {
                console.log('+')
            }
            // 解决shift+9(‘(’)的同时也会触发9的冲突问题
            if (!shift_key && key == 57) {
            	console.log('只输出9')
            }
        }
}

附键盘按键的keycode:

说明:按键按键盘上从左到右,从上到下。

  • 键盘第一行功能键
    ESC  27
    F1   112 [帮助]
    F2   113
    F3   114 [IE搜索]
    F4   115 [IE地址栏 下拉]
    F5   116 [刷新]
    F6   117 [IE地址栏全选]
    F7   118
    F8   119
    F9   120
    F10   121
    F11   122 [IE全屏]
    F12   123

  • 键盘第二行数字/字符键
    `   192
    1   49
    2   50
    3   51
    4   52
    5   53
    6   54
    7   55
    8   56
    9   57
    0   48
    -   189
    =   187
    backsapce   8

  • 键盘第三行~第五行(字母键)
    tab   9
    q   81
    w   87
    e   69
    r   82
    t   84
    y   89
    u   85
    i   73
    o   79
    p   80
    [   219
    ]   221
    \   220
    caps   20
    a   65
    s   83
    d   68
    f   70
    g   71
    h   72
    j   74
    k   75
    l   76
    ;   186
    "   222
    enter   13
    shift_l   16
    z   90
    x   88
    c   67
    v   86
    b   66
    n   78
    m   77
    ,   188
    .   190
    /[斜划线]   191
    shift_r   16

  • 最后一行(带空格那行)
    ctrl_l   17
    windows_l   91
    alt_l   18
    space   32
    alt_r   18
    windows_r   92
    menu   93
    ctrl_r   17

  • 页操作
    scrool lock   145
    insert   45
    home   36
    page up   33
    delete   46
    end   35
    page down   34

  • 上下左右方向键
    上   38
    下   40
    左   37
    右   39

  • 小键盘
    num lock   144
    /[除法]   111
    *[乘法]   106
    -   109
    7   103
    8   104
    9   105
    +   107
    4   100
    5   101
    6   102
    1   97
    2   98
    3   99
    0   96
    .   110
    enter   13

你可能感兴趣的:(Vue)