vue全局绑定键盘事件

 mounted(){
     // 添加键盘Esc事件

     this.$nextTick(()=>{

        document.addEventListener('keyup',(e)=>{

         if(e.keyCode==27){
                   this.CloseX(event) //事件名
         }
       })
   第二种方法
   document.onkeydown=(event)=>{
                      let key =window.event.keyCode;
                      if (key ==27){
                          this.CloseX(event)
                      }
                }
     }),
   }

  如果不用箭头函数的话,需要在外面把this赋给一个值然后在事件中使用

   mounted(){
      let that=this
     // 添加键盘Esc事件

     this.$nextTick(function(){

        document.addEventListener('keyup',function(e){

         if(e.keyCode==27){

                  this.CloseX(event) //事件名

         }

       })

     }),





   }

你可能感兴趣的:(vue全局绑定键盘事件)