混撰
like 2
JS之组合键监听Ctrl/Shift...
2019.12.28 13:18
2 人喜欢
1374 次阅读
0 条评论
网页中的组合键监听事件,应该怎么写呢?
好问题,我也不懂
等下,好像是这样
hhhhhhhhhhhhhhhhhhhhhhhhh
第一步,需要我们的按下键盘事件,这里就涉及到了onkeydown
document.onkeydown = (e) => {
console.log(e)
}
好,我们倒要看看这传进来的e是啥玩意
这里,我在网页中按了个F键,立马就触发键盘按下事件了
打印出了这么个玩意↓↓↓↓

诶,这个key:"f",不就是我们刚刚按下的F键吗
诶,key下面的ctrlKey,shiftKey,altKey,metaKey这些字段的值怎么都是flase?难道是没按下的原因?
这时我再尝试着按下ctrl+q键试试

哇,这时key的值变成了q
哇,这时ctrlKey成了true
噢,原来是这样呀
好,开始写组合键判断
document.onkeydown = (e) => {
if(e.ctrlKey === true && e.key === 'q') return alert('按下了ctrl+q键哦')
}
