This website requires JavaScript.
混撰

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键哦')
}
  • 😃
  • 😂
  • 😅
  • 😉
  • 😌
  • 😔
  • 😓
  • 😘
  • 😡
  • 😭
  • 😱
  • 😳
  • 😵
  • 🌚
  • 👍
  • 👎
  • 💪
  • 🌹
  • 💊
  • 🇨🇳
  • 🇺🇸