vue对键盘事件进行监听

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

go 复制代码
  created() {
    window.addEventListener('keydown', this.getKey)
  },
  destroy() {
    window.removeEventListener('keydown', this.getKey)
  },
  methods: {
    getKey(event){
      if (event.key == "g"){
        alert("恭喜你成功了!!!")
      }
    },
  }
相关推荐
Rewloc8 小时前
IntelliJ IDEA 打包 Web 项目 WAR 包(含 Tomcat 部署+常见问题解决)
前端·tomcat·intellij-idea
devii668 小时前
120html
前端
.生产的驴8 小时前
React useEffect组件渲染执行操作 组件生命周期 监视器 副作用
前端·css·react.js·ajax·前端框架·jquery·html5
峥无8 小时前
HTML 零基础入门到实战:从骨架到页面的完整指南
前端·html
南囝coding8 小时前
《独立开发者精选工具》
前端·后端·开源
IT_陈寒8 小时前
JavaScript 性能优化的 7 个致命陷阱:我从 P5 到 P8 的核心突破都在这里!
前端·人工智能·后端
艾小码8 小时前
告别加班!这些数组操作技巧让前端开发效率翻倍
前端·javascript
Rhys..9 小时前
ES6是什么
前端·javascript·es6
Jammingpro10 小时前
【Vue专题】前端JS基础Part1(含模版字符串、解构赋值、变量常量与对象)
前端·javascript·vue.js
jiangzhihao051514 小时前
前端自动翻译插件webpack-auto-i18n-plugin的使用
前端·webpack·node.js