实现ctrl、shift、alt单独键盘事件,并且与组合键不冲突

10 篇文章 0 订阅

实现ctrl、shift、alt单独键盘事件,并且与组合键不冲突

keydown(){
      if (event.ctrlKey && !event.shiftKey && !event.altKey) {
       //do something
      }
      if (event.altKey && !event.shiftKey && !event.ctrlKey) {
        //do something
      }
      if (event.shiftKey && !event.ctrlKey && !event.altKey) {
        //do something
      }
      if (
        (!event.shiftKey && event.ctrlKey && event.altKey) ||
        (event.shiftKey && event.ctrlKey && !event.altKey) ||
        (event.shiftKey && !event.ctrlKey && event.altKey) ||
        (event.shiftKey && event.ctrlKey && event.altKey)
      ){
        return;
      }
    },

 

<a-input-search
            @keydown.16="quickSearch($event)"
            @keydown.17="quickSearch($event)"
            @keydown.18="quickSearch($event)"
            @keyup.16="quickSearchCancel($event)"
            @keyup.17="quickSearchCancel($event)"
            @keyup.18="quickSearchCancel($event)"
          />

上述代码可实现单独ctrl alt shift的keydown事件,并且不冲突。

修饰键和 keyup 事件一起用时,事件引发时必须按下正常的按键。换一种说法:如果要引发 keyup.ctrl,必须按下 ctrl 时释放其他的按键;单单释放 ctrl 不会引发事件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值