使用 Electron 注冊(cè)鍵盤(pán)快捷鍵

Pink 發(fā)布于2019-08-20 14:41 / 2601人閱讀

摘要：使用注冊(cè)鍵盤(pán)快捷鍵此系列文章的應(yīng)用示例已發(fā)布于可以或下載后運(yùn)行查看歡迎可以使用和模塊定義鍵盤(pán)快捷鍵在中鍵盤(pán)快捷鍵被稱作加速器它們可以分配到應(yīng)用程序菜單中的操作上也可以全局分配，所以即使你的應(yīng)用程序沒(méi)有獲得鍵盤(pán)焦點(diǎn)它們也可以被觸發(fā)在瀏覽

使用 Electron 注冊(cè)鍵盤(pán)快捷鍵

此系列文章的應(yīng)用示例已發(fā)布于 GitHub: electron-api-demos-Zh_CN. 可以 Clone 或下載后運(yùn)行查看. 歡迎 Star .

可以使用 globalShortcut 和 Menu 模塊定義鍵盤(pán)快捷鍵.

在 Electron 中, 鍵盤(pán)快捷鍵被稱作加速器(Accelerator). 它們可以分配到應(yīng)用程序菜單中的操作上, 也可以全局分配，所以即使你的應(yīng)用程序沒(méi)有獲得鍵盤(pán)焦點(diǎn), 它們也可以被觸發(fā).

在瀏覽器中查看 Menu, Accelerator 和 globalShortcut API 的完整文檔.

注冊(cè)全局鍵盤(pán)快捷鍵

支持: Win, macOS, Linux | 進(jìn)程: Main

試一下這個(gè)示例, 在鍵盤(pán)上按下 Command或Control+Alt+K 快捷鍵.

即使應(yīng)用程序沒(méi)有鍵盤(pán)焦點(diǎn), 也會(huì)檢測(cè)到全局快捷鍵, 而且它們必須在應(yīng)用程序的 ready 事件發(fā)出后注冊(cè).

主進(jìn)程

const electron = require("electron")
const app = electron.app
const dialog = electron.dialog
const globalShortcut = electron.globalShortcut

app.on("ready", function () {
  globalShortcut.register("CommandOrControl+Alt+K", function () {
    dialog.showMessageBox({
      type: "info",
      message: "成功!",
      detail: "你按下了一個(gè)全局注冊(cè)的快捷鍵綁定.",
      buttons: ["好的"]
    })
  })
})

app.on("will-quit", function () {
  globalShortcut.unregisterAll()
})

高級(jí)技巧

避免覆蓋系統(tǒng)范圍的鍵盤(pán)快捷鍵.

注冊(cè)全局快捷方式時(shí), 請(qǐng)務(wù)必注意目標(biāo)操作系統(tǒng)中的現(xiàn)有默認(rèn)值, 以免覆蓋任何現(xiàn)有行為.有關(guān)每個(gè)操作系統(tǒng)鍵盤(pán)快捷鍵的概述, 請(qǐng)查看這些文檔:

macOS

Windows

Linux

如果這邊文章對(duì)您有幫助, 感謝 下方點(diǎn)贊 或 Star  GitHub: electron-api-demos-Zh_CN 支持, 謝謝.

GPU云服務(wù)器云服務(wù)器鍵盤(pán)快捷鍵鍵盤(pán)操作快捷鍵 electron使用webrtc 服務(wù)器使用虛擬鍵盤(pán)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/81831.html

相關(guān)文章

Electron入門(mén)介紹

摘要：本文主要講解的入門(mén)。可以幫助我們管理包的下載依賴部署發(fā)布等。可以認(rèn)為是中的。后續(xù)使用中，全部替換為即可。命令根據(jù)它，自動(dòng)下載所需模塊用于創(chuàng)建窗口和處理系統(tǒng)事件安裝包的位置。 Electron是什么可以認(rèn)為Electron是一種運(yùn)行環(huán)境庫(kù)，我們可以基于此，用HTML、JS和CSS寫(xiě)桌面應(yīng)用。PC端的UI交互，主要有web應(yīng)用和桌面應(yīng)用。具體采用哪種方式，主要看系統(tǒng)的應(yīng)用場(chǎng)景，哪個(gè)更合適...

wing324 2019-08-21 18:41 評(píng)論0 收藏0
【Electron】酷家樂(lè)客戶端開(kāi)發(fā)實(shí)踐分享 — 入坑篇

摘要：系列文章酷家樂(lè)客戶端開(kāi)發(fā)實(shí)踐分享入坑篇酷家樂(lè)客戶端開(kāi)發(fā)實(shí)踐分享軟件自動(dòng)更新酷家樂(lè)客戶端開(kāi)發(fā)實(shí)踐分享瀏覽器啟動(dòng)客戶端酷家樂(lè)客戶端開(kāi)發(fā)實(shí)踐分享進(jìn)程通信酷家樂(lè)客戶端開(kāi)發(fā)實(shí)踐分享下載管理器不定期更新本文的初衷所使用的技術(shù)棧和前端工程師完美契合。作者：鐘離，酷家樂(lè)PC客戶端負(fù)責(zé)人原文地址：https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-d...

jay_tian 2019-08-02 15:16 評(píng)論0 收藏0
【Electron】酷家樂(lè)客戶端開(kāi)發(fā)實(shí)踐分享 — 入坑篇

摘要：系列文章酷家樂(lè)客戶端開(kāi)發(fā)實(shí)踐分享入坑篇酷家樂(lè)客戶端開(kāi)發(fā)實(shí)踐分享軟件自動(dòng)更新酷家樂(lè)客戶端開(kāi)發(fā)實(shí)踐分享瀏覽器啟動(dòng)客戶端酷家樂(lè)客戶端開(kāi)發(fā)實(shí)踐分享進(jìn)程通信酷家樂(lè)客戶端開(kāi)發(fā)實(shí)踐分享下載管理器不定期更新本文的初衷所使用的技術(shù)棧和前端工程師完美契合。作者：鐘離，酷家樂(lè)PC客戶端負(fù)責(zé)人原文地址：https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-d...

TwIStOy 2019-08-23 18:05 評(píng)論0 收藏0
如何使用前端技術(shù)開(kāi)發(fā)一個(gè)桌面跨端應(yīng)用

摘要：使用實(shí)現(xiàn)桌面應(yīng)用實(shí)現(xiàn)離線可用很多方法，比如使用技術(shù)。還有一個(gè)好處，因?yàn)樗耆趤?lái)實(shí)現(xiàn)可以使用的一些新功能，那我們理論上可以在做桌面應(yīng)用時(shí)順手把應(yīng)用也做了。本文將會(huì)講述一個(gè)完整的跨端桌面應(yīng)用?代碼畫(huà)板?的構(gòu)建，會(huì)涉及到整個(gè)軟件開(kāi)發(fā)流程，從開(kāi)始的設(shè)計(jì)、編碼、到最后產(chǎn)品成型、包裝等。本文不僅僅是一篇技術(shù)方面的專業(yè)文章，更會(huì)有很多產(chǎn)品方面的設(shè)計(jì)思想和將技術(shù)轉(zhuǎn)換成生產(chǎn)力的思考，我將結(jié)合我自...

shixinzhang 2019-08-23 15:53 評(píng)論0 收藏0
實(shí)錄分享&視頻 | 微軟Visual Studio Code是這樣支持Docker的

摘要：分享嘉賓是來(lái)自微軟云計(jì)算事業(yè)部的高級(jí)軟件開(kāi)發(fā)工程師劉鵬。是微軟開(kāi)源的一款開(kāi)發(fā)工具，它針對(duì)做了許多編譯和命令上的支持。今天主要向大家介紹一下微軟去年推出的一個(gè)，以及對(duì)的一些支持。年他加入微軟，從事開(kāi)發(fā)的工作。本文是數(shù)人云分布式架構(gòu)的開(kāi)源組件大選Meetup的實(shí)錄分享。分享嘉賓是來(lái)自微軟云計(jì)算事業(yè)部的高級(jí)軟件開(kāi)發(fā)工程師劉鵬。Visual Studio Code是微軟開(kāi)源的一款開(kāi)發(fā)工具，它...

leoperfect 2019-06-28 17:49 評(píng)論0 收藏0