Electron Desktop App Development · Lekcja

Globalne skróty klawiszowe i dostęp do schowka

Rozszerzą Państwo integrację z natywnym systemem operacyjnym, rejestrując skróty klawiszowe działające w całym systemie oraz odczytując i zapisując schowek systemowy z poziomu Electron.

Lekcja 4 z 413 kroki

Globalne skróty klawiszowe i dostęp do schowka to bezpłatna lekcja Electron Desktop App Development na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Electron Desktop App Development, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Electron Desktop App Development zawiera 4 lekcji w sumie.

Części tej lekcji nie zostały jeszcze przetłumaczone i są wyświetlane po angielsku.

Reaching Beyond the Window

Native apps often respond even when not focused. Global shortcuts and clipboard access make your Electron app feel truly native.

The globalShortcut Module

Use globalShortcut in the main process to listen for key combos system-wide, even when your app is in the background.

const { globalShortcut } = require('electron');
app.whenReady().then(() => {
  globalShortcut.register('CommandOrControl+Shift+K', () => {
    console.log('shortcut fired');
  });
});

Accelerator Strings

Shortcuts are described with accelerator strings like CommandOrControl+Shift+I, which map correctly across macOS and Windows.

function normalize(accel) {
  return accel.replace('CommandOrControl', process.platform === 'darwin' ? 'Cmd' : 'Ctrl');
}
console.log(normalize('CommandOrControl+S'));

Checking Registration

Use isRegistered() to avoid conflicts and verify your shortcut actually bound.

if (globalShortcut.isRegistered('CommandOrControl+Shift+K')) {
  console.log('active');
}

Unregistering Shortcuts

Always clean up on quit with globalShortcut.unregisterAll() in the will-quit event.

app.on('will-quit', () => {
  globalShortcut.unregisterAll();
});

The clipboard Module

The clipboard module reads and writes text, HTML, and images to the system clipboard.

const { clipboard } = require('electron');
clipboard.writeText('Copied from Electron');
console.log(clipboard.readText());

Reading Clipboard Text

clipboard.readText() grabs whatever text the user last copied, enabling paste-aware features.

function preview(text) {
  return text.length > 20 ? text.slice(0, 20) + '...' : text;
}
console.log(preview('A very long clipboard string here'));

Clipboard Formats

Beyond text, you can read readHTML() and readImage(). Check availableFormats() first.

Combining Both Features

A common pattern: a global shortcut captures the current clipboard text and processes it instantly, like a quick-translate tool.

globalShortcut.register('CommandOrControl+Alt+T', () => {
  const text = clipboard.readText();
  process(text);
});

Respecting the User

Global shortcuts are powerful but intrusive. Make them configurable and avoid hijacking common OS combos.

Security Note

The clipboard may hold sensitive data like passwords. Read it only when the user explicitly triggers an action.

Quick Check

Test your knowledge of global shortcuts.

Recap

You learned to register system-wide shortcuts with globalShortcut, read and write the system clipboard, combine them for native workflows, and handle cleanup and security responsibly.

Bezpłatny start

Ucz się JavaScript dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy
12
Lekcje
47

Często zadawane pytania

Czy lekcja „Globalne skróty klawiszowe i dostęp do schowka” jest bezpłatna?

Tak — pełny tekst „Globalne skróty klawiszowe i dostęp do schowka” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Electron Desktop App Development, przejdź na CoddyKit PRO. Kurs Electron Desktop App Development zawiera 4 lekcji w sumie.

Co nauczysz się w „Globalne skróty klawiszowe i dostęp do schowka”?

Rozszerzą Państwo integrację z natywnym systemem operacyjnym, rejestrując skróty klawiszowe działające w całym systemie oraz odczytując i zapisując schowek systemowy z poziomu Electron. Ćwiczysz Electron Desktop App Development z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Electron Desktop App Development?

Nie wymagamy żadnego doświadczenia. Electron Desktop App Development w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.

Ile czasu zajmuje lekcja „Globalne skróty klawiszowe i dostęp do schowka”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Electron Desktop App Development?

Tak. Każda lekcja Electron Desktop App Development zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. Menu natywne i kontekstowe
  2. Okna dialogowe i powiadomienia
  3. Integracja z powłoką systemową
  4. Globalne skróty klawiszowe i dostęp do schowka
← Powrót do Electron Desktop App Development