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 @   清水紅葉  阅读(303)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示