官术网_书友最值得收藏!

Supporting keyboard accelerators

Accelerators are strings that can contain multiple modifiers and a single key code, combined by the + character, and are used to define keyboard shortcuts throughout your application.

Traditionally, menu items in applications provide support for keyboard shortcuts. Nowadays, everyone is used to using the Cmd + S or Ctrl + S combinations to save a file, Cmd + P or Ctrl + P to print a document, and so on.

Electron provides support for keyboard shortcuts, or accelerators, that you can use either globally or with a particular menu item. To create a new keyboard shortcut, you need to add a new attribute called accelerator to your menu item and specify the key combination in plain text.

In the previous examples, when you created a menu item separator, we introduced an additional menu item called Reload. This reloads the embedded browser with each click and allows you to see the updated HTML code. The reload role covers this functionality, but the item has no keyboard shortcut by default. Let's fix this by adding an Alt + R shortcut:

  1. Edit the menu.js file and add the object, as shown in the following code:
      { 
role: 'reload',
accelerator: 'Alt+R'
}
  1. Save the file and restart the application once again.

This time, the Reload menu item has shortcut details listed next to the label. If you are using macOS, for instance, it will be a special Alt symbol, but for Windows and Linux, it may be just the word Alt:

Note that, for many predefined menu roles, the Electron framework provides the most commonly used combinations out of the box.

You can find out more about accelerators and their use cases at https://electronjs.org/docs/api/accelerator.

The next thing we need to address is menus that are specific to a particular platform.

主站蜘蛛池模板: 韶关市| 孝感市| 云霄县| 石棉县| 定结县| 玉溪市| 曲水县| 万州区| 新兴县| 竹溪县| 淮滨县| 全南县| 睢宁县| 陆河县| 仙居县| 文山县| 荆门市| 太原市| 赫章县| 奇台县| 西乌珠穆沁旗| 巨野县| 兴安盟| 固原市| 顺昌县| 金沙县| 新源县| 板桥市| 泗洪县| 周口市| 扎赉特旗| 淄博市| 许昌市| 锦屏县| 清镇市| 吉木乃县| 长海县| 昌乐县| 潮州市| 三明市| 舞钢市|