Bagaimana mengukur pengeaktifan huruf besar

Belajar bagaimana mengukur apakah tombol pengeaktifan huruf besar (Caps Lock) sudah dibuka di kotak input.

Pengukuran pengeaktifan huruf besar

Coba tekan tombol "Caps Lock" di kotak input:

PERINGATAN! Caps lock aktif.

Contoh

// Dapatkan bidang input
var input = document.getElementById("myInput");
// Dapatkan teks peringatan
var text = document.getElementById("text");
// Jika pengguna menekan tombol apapun di keyboard, jalankan fungsi ini
input.addEventListener("keyup", function(event) {
  // Jika tombol "Caps Lock" ditekan, tampilkan teks peringatan
  if (event.getModifierState("CapsLock")) {
    text.style.display = "block";
  } else {
    text.style.display = "none"
  }
);

Coba sendiri

Halaman yang berhubungan

Referensi:Method MouseEvent getModifierState()