【Electron】vue+electron快捷键设置

一、前言

本文主要介绍electron应用如何注册销毁快捷键、以及如何动态更换快捷键的方式。在一个桌面应用中，快捷键是必不可少的，因为这会极大地方便用户的操作，使之体验更加快捷、美好。

二、实施方案

1.注册快捷键

根据查看electron官方文档，我们可以很快的找到对应快捷键的模块，点击查看详情，其中部分内容如下

globalShortcut 模块可以在操作系统中注册/注销全局快捷键, 以便可以为操作定制各种快捷键。

注意: 快捷方式是全局的; 即使应用程序没有键盘焦点, 它也仍然在持续监听键盘事件。 在 app 模块的 ready 事件就绪之前，这个模块不能使用。

// 之前文章提到过得记录日志的工具
import log from './ElectronLog'
const { app, globalShortcut } = require('electron')
app.whenReady().then(() => {// 注册一个'CommandOrControl+X' 快捷键监听器const ret = globalShortcut.register('CommandOrControl+X', () => {// 如果注册成功了，当用户按下该快捷键时，会执行这里的内容console.log('用户按下了 CommandOrControl+X')})if (!ret) {log.warning('CommandOrControl+X -- 快捷键注册失败')}// 检查快捷键是否注册成功console.log(globalShortcut.isRegistered('CommandOrControl+X'))
}) 

这里我们在程序的ready事件之后去注册快捷键。但是一般情况下，如果我们的应用不希望用户一打开就能使用一些快捷键的话，比如说我们希望用户在登陆成功之后才可以使用截图快捷键，如果遇到这种情况，我们可以在主进程中添加一个注册监听，如下

import { ipcMain, globalShortcut } from 'electron'
// 监听登录成功
ipcMain.on('login', (event, a