Electron Desktop App Development · Pelajaran

Pintasan Global dan Akses Papan Klip

Perluas integrasi OS native Anda dengan mendaftarkan pintasan papan ketik di seluruh sistem serta membaca atau menulis papan klip sistem dari Electron.

Pintasan Global dan Akses Papan Klip adalah pelajaran Electron Desktop App Development gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Electron Desktop App Development, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Electron Desktop App Development mencakup 4 pelajaran total.

Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.

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.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Pintasan Global dan Akses Papan Klip” gratis?

Ya — teks lengkap “Pintasan Global dan Akses Papan Klip” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Electron Desktop App Development, upgrade ke CoddyKit PRO. Kursus Electron Desktop App Development mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Pintasan Global dan Akses Papan Klip”?

Perluas integrasi OS native Anda dengan mendaftarkan pintasan papan ketik di seluruh sistem serta membaca atau menulis papan klip sistem dari Electron. Kamu berlatih Electron Desktop App Development dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Electron Desktop App Development?

Tidak diperlukan pengalaman sebelumnya. Electron Desktop App Development di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.

Berapa lama pelajaran “Pintasan Global dan Akses Papan Klip” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Electron Desktop App Development ini?

Ya. Setiap pelajaran Electron Desktop App Development menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke Electron Desktop App Development