Cara - Mendeteksi Caps Lock
Pelajari cara mengetahui apakah capslock aktif di dalam kolom input dengan JavaScript.
Deteksi jika Caps Lock Aktif
Coba tekan tombol "Caps Lock" di dalam kolom input:
PERINGATAN! Capslock AKTIF.
Contoh
// Get the input field
var input = document.getElementById("myInput");
// Get the warning text
var text = document.getElementById("text");
// When the user presses any key on the keyboard, run the function
input.addEventListener("keyup", function(event) {
// If "caps
lock" is pressed, display the warning text
if (event.getModifierState("CapsLock"))
{
text.style.display = "block";
} else {
text.style.display = "none"
}
});
Tip: Baca lebih lanjut tentang metode getModifierState() di Referensi Acara JavaScript kami - getModifierState() .