键盘事件KeyboardEvent

前言

IE浏览器下按SrollLock键页面对这个键的监听没有变化，经定位由于IE下是用“Scroll”来表示，其他浏览器为“ScrollLock”

正文

1、引言
键盘事件的处理主要通过keydown, keypress,keyup三个事件的监听进行一系列操作，这三个事件都继承了KeyboardEvent，也就是可以调用Keyboard的方法。

KeyboardEvent.getModifierState()方法返回一个布尔值，表示是否按下或激活指定的功能键。
它的常用参数如下。

Alt：Alt 键
CapsLock：大写锁定键
Control：Ctrl 键
Meta：Meta 键
NumLock：数字键盘开关键
Shift：Shift 键
ScrollLock

可以通过此方法来判断键盘上对应功能键是否被激活

2、实例
可以通过打印，键盘事件对象都具有哪些属性

var modifierKeys = ['NumLock', 'ScrollLock', 'Scroll']
    
    document.addEventListener('keyup', function(e) {
        console.log(e)
        console.log(e.getModifierState('Scroll'))
        modifierKeys.forEach(function(modifierkey, index) {
            console.log(modifierkey, e.getModifierState(modifierkey))
        })
       
    })

chrome浏览器下的打印.png

IE浏览器下的打印.png

当按下键盘的"ScrollLock’键是，可以看出在chrome浏览器下key值为“ScrollLock”,IE 下为“Scroll”

3、参考键盘事件KeyboardEvent.getModifierState()