快速获取 Electron 的快捷键指南

前端

2023-08-13 22:57:01

Electron 快捷键：全面指南

Electron 是一个备受推崇的跨平台桌面应用程序开发框架，它使您能够利用 JavaScript、HTML 和 CSS 构建功能强大的桌面应用程序。其中一个显著优势是它对广泛快捷键的支持，让您的应用程序变得更加用户友好。

本文将深入探讨 Electron 中的快捷键，指导您了解不同类型的快捷键，它们的实现原理，以及如何高效地利用它们提升应用程序的用户体验。

两种快捷键类型

Electron 提供了两种类型的快捷键：

全局快捷键： 这些快捷键在系统范围内有效，无论您当前正在使用哪个应用程序。
应用快捷键： 这些快捷键仅在用户使用您的应用程序时有效。

实现机制

尽管两种快捷键类型在功能上有所不同，但它们的实现机制却各不相同。

全局快捷键： 它们通过操作系统 API 实现。当用户按下快捷键时，操作系统会将事件传递给 Electron，后者检查是否有注册的应用程序响应此快捷键。如果找到，它将调用已注册的回调函数。
应用快捷键： 这些快捷键通过 Electron 自己的 API 实现。当用户按下快捷键时，Electron 会确定当前聚焦的窗口，并将其事件发送到该窗口。窗口会检查是否有已注册的控件响应此快捷键，并在找到后调用已注册的回调函数。

设置快捷键

全局快捷键：

const { globalShortcut } = require('electron')

globalShortcut.register('CommandOrControl+Q', () => {
  app.quit()
})

应用快捷键：

const { Menu, MenuItem } = require('electron')

const menu = new Menu()
menu.append(new MenuItem({
  label: '复制',
  accelerator: 'CommandOrControl+C',
  click: () => {
    // 复制代码
  }
}))