Bagaimana untuk mengesan penukaran huruf besar

Belajar bagaimana untuk mengesan jika penukaran huruf besar telah diaktifkan di dalam kotak input.

Kesan apabila penukaran huruf besar diaktifkan

Cuba tekan tombol "Caps Lock" di dalam kotak input:

WARNAKAN! Caps lock adalah DALAM KEADAAN AKTIF.

实例

// 获取输入字段
var input = document.getElementById("myInput");
// 获取警告文本
var text = document.getElementById("text");
// 当用户在键盘上按下任意键时，运行此函数
input.addEventListener("keyup", function(event) {
  // 如果按下了 "Caps Lock"，显示警告文本
  if (event.getModifierState("CapsLock")) {
    text.style.display = "block";
  } else {
    text.style.display = "none"
  }
});

亲自试一试

Laman berkaitan

Panduan rujukan:Method MouseEvent getModifierState()