A little trick about Electron shortcut

1 min read
0 views

In this post, I want to share a little trick about electron shortcuts.

Normally in web development, if we want to implement a keybinding feature we will listen to the keydown event to achieve that.

Electron provides a handy way to define keyboard shortcuts. Accelerator

{
  label: 'zoom',
  accelerator: 'CmdOrCtrl+numadd',
  click: () => {
    // do something
  }
}

Simply we can do whatever we want while the user triggers the key combination above. The click function will be called.

Sometimes you want to hide some specific command from the native application menu but still want to respond to the key combination.

We can set visible to false to hide it.

{
  label: 'zoom',
  accelerator: 'CmdOrCtrl+numadd',
  click: () => {
    // do something
  },
  visible: false
}

Happy coding ๐ŸŽ‰