vue.js - 键盘事件特殊触发

  1. Vue为提供别名的按键,则可使用案件原始的key值绑定,但要转为caps-lock此种命名方式

    @keyup.CapsLock="show" 无法触发事件

    @keyup.caps-lock="show"  触发事件

 

  2. tab需要配合keydown使用,否则tab自带的焦点转移功能会使事件无法正确触发

 

  3. 系统修饰键:ctrl、alt、shift、meta/command

    ① 配合keyup使用:按下系统修饰键的同时,按其他键,随后释放其他键时,事件才被触发;

    ② 配合keydown使用:正常触发

    ③ Vue.config.keyCodes.自定义键名 = 键码(可自定义按键别名)

 

  

posted @ 2022-03-04 18:49  清水紅葉  阅读(313)  评论(0)    收藏  举报