07-键盘事件对象

nobility 发布于 2022-09-17 04-事件 693 次阅读


键盘事件对象

触发键盘事件对象的事件

事件的触发顺序:keydown > keypress > keyup

若按下不松开会交替触发keydown和keypress

事件名 描述
keydown 键盘按下
keypress 按下有值的键,比如功能键就不算有值的键
keyup 键盘弹起

KeyboardEvent接口

KeyboardEvent接口继承UIEvent接口

构造方法

  • 通常使用事件的构造函数是用来做EventTarget.dispatchEvent(event)方法的参数来手动触发事件的
  • 该构造函数接收两个参数,第一个参数是字符串形式的事件名称,第二个参数是一个可省略的配置对象,配置如下:这些配置也是实例对象的属性
配置项 描述
key 当前按下的键的字符串形式,该字符串与键盘输入内容相对应,比如a就是aA就是A
code 当前按下的键的字符串形式,该字符串是键盘编码值,比如a就是KeyAA就是KeyA
location 当前按下的键所处位置;0=无法判断,1=左侧,2=右侧,3=小键盘,左右侧仅适用于两个按键的键
repeat 该键是否被一直按着不放
ctrlKey 是否同时按下了Ctrl键,默认为false
shiftKey 是否同时按下了Shift键,默认为false
altKey 是否同时按下了Alt键,默认为false
metaKey 是否同时按下了win或mac键,默认为false

实例方法

方法名 描述
MouseEvent.getModifierState(keysTar) 判断点击时是否按下了键盘上的某个键,该参数要查表
加油啊!即便没有转生到异世界,也要拿出真本事!!!\(`Δ’)/
最后更新于 2022-09-17