vue对键盘事件进行监听

相信大家在工作中,都会使用vue进行开发一些应用或者网站的一些东西,在开发的时候,大家可能会用到监听键盘事件的,一些操作,来帮助你完成一些无理的需求,今天在这里给大家分享一下具体的操作

go 复制代码
  created() {
    window.addEventListener('keydown', this.getKey)
  },
  destroy() {
    window.removeEventListener('keydown', this.getKey)
  },
  methods: {
    getKey(event){
      if (event.key == "g"){
        alert("恭喜你成功了!!!")
      }
    },
  }
相关推荐
L***d6703 分钟前
十七:Spring Boot依赖 (2)-- spring-boot-starter-web 依赖详解
前端·spring boot·后端
少云清4 分钟前
【功能测试】6_Web端抓包 _Fiddler抓包工具的应用
前端·功能测试·fiddler
豐儀麟阁贵13 分钟前
8.5在方法中抛出异常
java·开发语言·前端·算法
q***385129 分钟前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
zengyuhan50342 分钟前
Windows BLE 开发指南(Rust windows-rs)
前端·rust
醉方休1 小时前
Webpack loader 的执行机制
前端·webpack·rust
喵个咪1 小时前
go-kratos-admin 快速上手指南:从环境搭建到启动服务(Windows/macOS/Linux 通用)
vue.js·go
用户841794814561 小时前
vxe-gantt table 甘特图如何设置任务视图每一行的背景色
vue.js
前端老宋Running1 小时前
一次从“卡顿地狱”到“丝般顺滑”的 React 搜索优化实战
前端·react.js·掘金日报
隔壁的大叔1 小时前
如何自己构建一个Markdown增量渲染器
前端·javascript