键盘快捷键 | Keyboard Shortcuts

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

本地快捷键

您可以使用“菜单”模块配置键盘快捷键，只有在应用程序关注时才会触发键盘快捷键。为此，请accelerator在创建MenuItem时指定一个属性。

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

menu.append(new MenuItem({
  label: 'Print',
  accelerator: 'CmdOrCtrl+P',
  click: () => { console.log('time to print stuff') }
}))

根据用户的操作系统很容易配置不同的组合键。

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

全局快捷键

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

const {app, globalShortcut} = require('electron')

app.on('ready', () => {
  globalShortcut.register('CommandOrControl+X', () => {
    console.log('CommandOrControl+X is pressed')
  })
})

BrowserWindow中的快捷键

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

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

请注意，第三个参数true意味着监听器将始终接收其他监听器之前的按键，因此他们无法对其进行stopPropagation()调用。

该before-input-event事件在派发keydown和keyup页面中的事件之前发出。它可以用来捕获和处理菜单中不可见的自定义快捷方式。

如果您不想进行手动快捷方式分析，则会执行高级密钥检测的库，例如mousetrap。

Mousetrap.bind('4', () => { console.log('4') })
Mousetrap.bind('?', () => { console.log('show shortcuts!') })
Mousetrap.bind('esc', () => { console.log('escape') }, 'keyup')

// combinations
Mousetrap.bind('command+shift+k', () => { console.log('command shift k') })

// map multiple combinations to the same callback
Mousetrap.bind(['command+k', 'ctrl+k'], () => {
  console.log('command k or control k')

  // return false to prevent default behavior and stop event from bubbling
  return false
})

// gmail style sequences
Mousetrap.bind('g i', () => { console.log('go to inbox') })
Mousetrap.bind('* a', () => { console.log('select all') })

// konami code!
Mousetrap.bind('up up down down left right left right b a enter', () => {
  console.log('konami code')
})