Day12 按键修饰符

Day12 按键修饰符

今天来介绍一下按修饰符吧~
键盘上每个按钮都有编号(keycode),当我们想要以特定的按键触发事件,就可以设定按键编号在上面

设定按键修饰符
以此为例,在输入框中按enter(编号为13)时,下面的数字从零每按一次便+1

修饰符替代名称

• .enter
• .tab
• .delete(Delete和Backspace都会触发)
• .esc
• .space
• .up
• .down
• .left
• .right
  编号的设置可能导致我们阅读程序码的可读性低,所以Vue增加了几个常用按纽来让使用者设定

EX:将enter的编号13更换成.enter

系统修饰符

• .ctrl

• .alt

• .shift
  这些是我们需要配合系统修饰符才能触发事件,当我们单独按下设定的修饰符是不会有反应的,需要配合按下才会触发
  Ex:需要同时按下ctrl + x触发事件
  
  
  
  当我只输入x并不会触发prompt
  
  必须要ctrl + x按下才能触发

• .exact
  
  →即使其他键一起按下也会触发
  
  →当只有ctrl + x按下时才会触发
  
  →不需要任何修饰符,按任何键都会触发

参考资料: https://dotblogs.com.tw/corner/2009/07/19/9583
https://yuhantaiwan.coderbridge.io/2020/05/03/Vue%E5%AD%B8%E7%BF%92%E6%97%85%E7%A8%8BMile10-EventHandling%E4%BA%8B%E4%BB%B6%E8%99%95%E7%90%86%E7%AF%872-Modifiers%E4%BF%AE%E9%A3%BE%E7%AC%A6/
https://cythilya.github.io/2017/04/17/vue-methods-and-event-handling/