vue在body上面绑定enter事件

最新推荐文章于 2024-11-09 22:41:40 发布

转载最新推荐文章于 2024-11-09 22:41:40 发布 · 771 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/smart-girl/p/10544151.html

文章标签：

#javascript #ViewUI

本文详细介绍如何在Vue.js中使用mounted和beforeDestroy钩子，实现对全局键盘事件的监听和响应，包括处理现金按钮点击及对话框提交、取消操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mounted () {
      this.bodyListener = (e) => {
        if (e.keyCode === 13 && e.target === document.body){
          if(!this.cashierDialog){
            document.getElementById('cashier-cash-btn').click()
          }else{
            document.getElementById('cashier-dialog-submit').click()
          }
        }
        if(this.cashierDialog){
          if (e.keyCode === 27 && e.target === document.body){
            document.getElementById('cashier-dialog-cancel').click()
          }
        }
      }
      document.body.addEventListener('keyup', this.bodyListener, false)
    },
//在实例销毁之前，从body上面移除这个方法
    beforeDestroy() {
      document.body.removeEventListener('keyup', this.bodyListener)
    },

本文转载自：https://www.cnblogs.com/ilovexiaoming/p/7692067.html

转载于:https://www.cnblogs.com/smart-girl/p/10544151.html