Keyboard Events

Modul 3: Keyboard Events

Dalam JavaScript, keyboard events memungkinkan Anda untuk menangani input dari keyboard pengguna. Berikut adalah beberapa contoh peristiwa keyboard yang umum digunakan:

1. keydown Event:

Event ini terjadi saat tombol keyboard ditekan.

document.addEventListener("keydown", function(event) {
    console.log("Tombol keyboard ditekan: " + event.key);
});

2. keypress Event:

Event ini terjadi saat karakter yang sesuai dengan tombol keyboard ditekan. Biasanya digunakan untuk karakter yang dapat dicetak.

document.addEventListener("keypress", function(event) {
    console.log("Karakter ditekan: " + String.fromCharCode(event.keyCode));
});

3. keyup Event:

Event ini terjadi saat tombol keyboard dilepaskan setelah ditekan.

document.addEventListener("keyup", function(event) {
    console.log("Tombol keyboard dilepaskan: " + event.key);
});

4. focus dan blur Events:

Event focus terjadi ketika elemen mendapatkan fokus, sementara event blur terjadi ketika elemen kehilangan fokus. Ini dapat diterapkan pada elemen input untuk memantau fokus keyboard.

document.getElementById("myInput").addEventListener("focus", function() {
    console.log("Input mendapatkan fokus");
});

document.getElementById("myInput").addEventListener("blur", function() {
    console.log("Input kehilangan fokus");
});

Dengan menangani peristiwa-peristiwa keyboard, Anda dapat memberikan penggunaan yang lebih interaktif dan responsif terhadap input yang mereka berikan melalui keyboard.