Shortcuts插件使用

最新推荐文章于 2024-05-13 09:38:18 发布

初心896

最新推荐文章于 2024-05-13 09:38:18 发布

阅读量228

点赞数

文章标签： html javascript vue.js

本文链接：https://blog.csdn.net/weixin_60575780/article/details/129959019

版权

局部使用

import {Shortcuts} from 'shortcuts';
const shortcuts = new Shortcuts ()



 keycodeEvent(){
 shortcuts.add([ // Adding some shortcuts
           { 
              shortcut: 'cmdorctrl+A',//支持大小写
              handler: event => {
              this.heckAll()
                return true;
              }
          },  
          {
              shortcut: 'cmdorctrl+z',//支持大小写
              handler: event => {
              this.retreat()
                return true;
              }
          },  
          {
              shortcut: 'cmdorctrl+f',//支持大小写
              handler: event => {
              this.advance()
                return true;
              }
          }, 
          {
              shortcut: 'cmdorctrl+c',//支持大小写
              handler: event => {
               if(this.selectNodesid.length>0 && this.isshortcutkey==true){//如果弹窗出现，按键触发弹窗内的方法
                  this.shortcutscopy()
               }
                return true;
              }
          },
       
      ]);



}

要取消则

{ 
              shortcut: '-cmdorctrl+A',//支持大小写
          
          },  
          {
              shortcut: '-cmdorctrl+z',//支持大小写
             
          },  
          {
              shortcut: '-cmdorctrl+f',//支持大小写
             
             
          }, 
          {
              shortcut: '-cmdorctrl+c',//支持大小写
        
              
          },

我是因为只有这会用写了判断

完整代码

 keycodeEvent() {
    // console.log(this.selectNodesid);
    // console.log(this.isshortcutkey);
   if(this.isshortcutkey){

     shortcuts.add([ // Adding some shortcuts
           { 
              shortcut: 'cmdorctrl+A',//支持大小写
              handler: event => {
              this.heckAll()
                return true;
              }
          },  
          {
              shortcut: 'cmdorctrl+z',//支持大小写
              handler: event => {
              this.retreat()//这是要使用的方法
                return true;
              }
          },  
          {
              shortcut: 'cmdorctrl+f',//支持大小写
              handler: event => {
              this.advance()
                return true;
              }
          }, 
          {
              shortcut: 'cmdorctrl+c',//支持大小写
              handler: event => {
               if(this.selectNodesid.length>0 && this.isshortcutkey==true){//如果弹窗出现，按键触发弹窗内的方法
                  this.shortcutscopy()
               }
                return true;
              }
          },
       
      ]);
   }else{
    shortcuts.add([ // Adding some shortcuts
           { 
              shortcut: '-cmdorctrl+A',//支持大小写
          
          },  
          {
              shortcut: '-cmdorctrl+z',//支持大小写
             
          },  
          {
              shortcut: '-cmdorctrl+f',//支持大小写
             
             
          }, 
          {
              shortcut: '-cmdorctrl+c',//支持大小写
        
              
          },
       
      ]);
   }

    
 
    },

参考地址

vue兼容Mac和Win按键功能 —— 实战型