Editor Downcodes membawa Anda melalui aplikasi desktop chatbot Claude AI yang baru dirilis dari Anthropic! Aplikasi ini kini resmi online dan mendukung sistem Mac dan Windows. Pengguna dapat mengunduhnya secara gratis melalui situs resmi Anthropic. Dibandingkan dengan versi web, aplikasi desktop memberikan pengalaman interaktif yang lebih nyaman dan cepat, memungkinkan pengguna untuk berbicara dengan Claude kapan saja dan di mana saja, meningkatkan efisiensi kerja dan pembelajaran. Artikel ini akan memperkenalkan secara rinci fitur fungsional, kelebihan dan perbandingan dengan chatbot AI lainnya dari aplikasi desktop Claude, dan menjawab beberapa pertanyaan umum untuk memberi Anda pemahaman komprehensif tentang alat AI yang kuat ini.
Dalam JavaScript, merupakan persyaratan umum untuk mendapatkan kode kunci keyboard yang sesuai melalui nama kunci (yaitu, nama tombol yang ditekan oleh pengguna), yang terutama digunakan untuk pemrosesan peristiwa keyboard. Metode untuk mendapatkan keyCode mencakup mendengarkan event keyboard, menggunakan atribut event.key, dan mencari tabel pemetaan keyCode yang sesuai. Diantaranya, mendengarkan event keyboard adalah metode yang paling langsung. Saat pengguna menekan tombol, browser akan memicu peristiwa keyboard (seperti keydown, keyup). Objek peristiwa ini berisi informasi pengoperasian keyboard yang relevan, di antaranya event.keyCode (sekarang sudah usang, disarankan untuk menggunakan event.code Atau event. Atribut .key) adalah keyCode yang ingin kita dapatkan.
Untuk mendapatkan kode kunci keyboard melalui nama kunci, Anda harus mendengarkan event keyboard terlebih dahulu. Dalam Javascript, hal ini dapat dicapai dengan menambahkan pendengar acara. Di sini kita mengambil event keydown sebagai contoh. Event ini akan dipicu ketika pengguna menekan tombol apa saja.
dokumen.addEventListener('keydown', function(acara) {
console.log(nama tombol yang ditekan: + event.key);
console.log(Kode Kunci dari tombol yang ditekan: + event.keyCode); // Tidak disarankan
console.log(disarankan menggunakan event.code: + event.code);
});
Kode ini akan mendengarkan event keydown seluruh dokumen. Setiap kali tombol ditekan, nama kunci saat ini (event.key), keyCode yang tidak digunakan lagi (event.keyCode), dan event.code yang direkomendasikan akan dicetak. event.key memberikan nama kunci yang dapat dibaca manusia, sedangkan event.code menyediakan pengkodean kunci yang lebih stabil dan terstandarisasi yang lebih cocok untuk mengidentifikasi kunci fisik tertentu.
Properti event.key mengembalikan nama kunci. Untuk sebagian besar situasi di mana keyCode perlu diperoleh melalui nama kunci, menggunakan event.key secara langsung sudah cukup untuk memenuhi kebutuhan. Dibandingkan dengan keyCode atau charCode, kelebihan event.key adalah dapat langsung mengembalikan nama kunci yang mudah dipahami, seperti Enter, ArrowLeft, dll., sehingga tidak perlu memeriksa nilai keyCode yang sesuai.
Namun, jika Anda benar-benar membutuhkan keyCode dalam skenario Anda, Anda mungkin perlu membuat tabel pemetaan dari event.key ke keyCode sendiri, atau menggunakan fungsi perpustakaan untuk membantu menyelesaikan pemetaan ini.
const keyMap = {
Masukkan: 13,
PanahKiri: 37,
Panah Kanan: 39,
// Isi pemetaan kunci lainnya
};
dokumen.addEventListener('keydown', function(acara) {
if (keyMap[event.key]) {
console.log(Kode kunci yang dipetakan: + keyMap[event.key]);
}
});
Ada banyak tabel pemetaan kode kunci dan nama kunci yang telah diprogram di Internet. Dalam beberapa kasus tertentu, ketika Anda mengetahui nama kunci spesifik yang ditekan oleh pengguna dan ingin mendapatkan kode kunci yang sesuai, Anda bisa langsung menanyakan tabel pemetaan ini. Namun, penting untuk dicatat bahwa karena keyCode telah dihapuskan dan tidak lagi direkomendasikan, pendekatan yang disarankan adalah menggunakan event.key atau event.code bila memungkinkan. Pendekatan ini, meskipun masih diterapkan pada beberapa proyek lama, tidak boleh dipandang sebagai solusi jangka panjang.
Meskipun event.key dan event.code menyediakan cara yang lebih modern dan terstandarisasi untuk menangani event keyboard, masih ada beberapa detail yang perlu diperhatikan terkait kompatibilitas lintas-browser. Beberapa browser versi lama mungkin tidak mendukung properti ini, jadi saat mengembangkan, pastikan untuk melakukan deteksi fitur yang sesuai, atau gunakan Polyfill untuk memberikan dukungan fallback.
dokumen.addEventListener('keydown', function(acara) {
biarkan kunci = acara.kunci ||.acara.kode kunci;
console.log(tombol yang ditekan: + tombol);
});
Dalam kode ini, operator ||. digunakan untuk mencoba mendapatkan nilai event.key terlebih dahulu; jika tidak ada (yang mungkin terjadi di browser lama), ia akan kembali menggunakan event.keyCode.
Meskipun secara teknis dimungkinkan untuk memperoleh keyCode dari nama kunci dengan berbagai cara, seiring dengan perkembangan teknologi Web, kebutuhan untuk menggunakan keyCode secara langsung secara bertahap berkurang. API baru seperti event.key dan event.code memberikan cara yang lebih intuitif dan terstandarisasi untuk menangani event keyboard. Oleh karena itu, ketika dihadapkan dengan persyaratan seperti itu, praktik yang lebih disukai adalah menggunakan API modern ini dengan tetap menjaga pertimbangan kompatibilitas untuk browser lama.
1. Bagaimana cara mendapatkan kode kunci keyboard dari nama kunci menggunakan JavaScript?
Saat pengguna memicu peristiwa keyboard, kita bisa mendapatkan kode kunci keyboard dari nama kunci melalui JavaScript. Hal ini dapat dilakukan dengan mengikuti langkah-langkah berikut:
Pertama, dengarkan kejadian keyboard, seperti kejadian penekanan tombol keyboard, kejadian penekanan tombol keyboard, atau kejadian penekanan tombol input karakter. Dalam fungsi pemrosesan peristiwa, diperoleh peristiwa objek peristiwa, yang dapat diteruskan melalui parameter atau diperoleh melalui window.event. Gunakan event.keyCode untuk mendapatkan keyCode keyboard.Berikut ini contoh kode:
document.addEventListener('keydown', function(event) { var keyCode = event.keyCode; console.log('Keycode:', keyCode);});Bagaimana cara mendapatkan nama kunci yang sesuai berdasarkan keyCode?JavaScript menyediakan antarmuka KeyboardEvent, yang dapat digunakan untuk mendapatkan nama kunci yang sesuai dengan kode kunci tersebut. Ini dapat diperoleh dengan menggunakan properti KeyboardEvent.key atau KeyboardEvent.code, bergantung pada apakah Anda ingin mendapatkan nama sebenarnya dari kunci tersebut atau primitif kunci hard-code yang dihasilkan oleh browser.
Berikut ini contoh kode:
document.addEventListener('keydown', function(event) { var keyName = event.key; console.log('Keyname:', keyName);}); Bagaimana cara mendapatkan keyCode keyboard yang kompatibel dengan browser berbeda?Browser yang berbeda mungkin memiliki penamaan properti objek acara yang sedikit berbeda, jadi ketika mendapatkan kode kunci keyboard, itu harus kompatibel dengan browser yang berbeda.
Anda dapat menggunakan kode berikut agar kompatibel dengan browser yang berbeda:
document.addEventListener('keydown', function(event) { var keyCode = event.keyCode || event.which || event.charCode; console.log('Keycode: ', keyCode);});Dalam contoh ini, kami menggunakan operator logika OR || untuk mendapatkan atribut peristiwa keyboard yang paling umum dan memastikan bahwa kode tombol keyboard diperoleh dengan benar di beberapa browser.
Semoga artikel ini dapat membantu Anda lebih memahami cara menangani event keyboard dan mendapatkan keyCode di JavaScript. Editor Downcodes akan terus memberikan Anda tips praktis lainnya!