键盘快捷键 | 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')
})本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
