键盘快捷键

配置本地和全局键盘快捷键

本地快捷键

您可以使用Menu模块来配置仅在应用程序集中时才触发的键盘快捷键。为此，在创建MenuItem时务必指定[`accelerator]属性。

  1. const {Menu, MenuItem} = require('electron')
  2. const menu = new Menu()
  4. menu.append(new MenuItem({
  5.   label: 'Print',
  6.   accelerator: 'CmdOrCtrl+P',
  7.   click: () => { console.log('打印时间') }
  8. }))

可以根据用户的操作系统轻松配置不同的组合键。

  1. {
  2.   accelerator: process.platform === 'darwin' ? 'Alt+Cmd+I' : 'Ctrl+Shift+I'
  3. }

全局快捷键

即使应用程序没有键盘焦点，也可以使用globalShortcut模块检测键盘事件。

  1. const {app, globalShortcut} = require('electron')
  3. app.on('ready', () => {
  4.   globalShortcut.register('CommandOrControl+X', () => {
  5.     console.log('CommandOrControl+X is pressed')
  6.   })
  7. })

BrowserWindow中的快捷键

如果要处理BrowserWindow的键盘快捷键，可以在渲染器进程中的窗口对象上使用 keyup 和 keydown 事件侦听器。

  1. window.addEventListener('keyup', doSomething, true)

注意第三个参数 true，这意味着监听器总是在其他监听器之前接收按键，所以它们不能对它们调用 stopPropagation()。

如果您不想手动进行快捷方式解析，那么有进行自动检测的库，如mousetrap.

  1. Mousetrap.bind('4', () => { console.log('4') })
  2. Mousetrap.bind('?', () => { console.log('show shortcuts!') })
  3. Mousetrap.bind('esc', () => { console.log('escape') }, 'keyup')
  5. // 组合
  6. Mousetrap.bind('command+shift+k', () => { console.log('command shift k') })
  8. // 将多个组合映射到相同的回调
  9. Mousetrap.bind(['command+k', 'ctrl+k'], () => {
  10.   console.log('command k or control k')
  12.   // 返回false以防止默认行为，并阻止事件冒泡
  13.   return false
  14. })
  16. //  gmail风格序列
  17. Mousetrap.bind('g i', () => { console.log('go to inbox') })
  18. Mousetrap.bind('* a', () => { console.log('select all') })
  20. // konami代码
  21. Mousetrap.bind('up up down down left right left right b a enter', () => {
  22.   console.log('konami code')
  23. })