vue在body上面綁定enter事件


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。