检测大写键锁定

---

了解如何使用 JavaScript 确定输入字段内是否启用了大写锁定。

---

检测 Caps Lock 是否开启

尝试在输入框内按下"Caps Lock"键:

WARNING! Caps lock is ON.

实例

// 获取输入字段
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"
  }
}); 亲自试一试 »

提示:在我们的 JavaScript 事件参考 - getModifierState() 中了解有关 getModifierState() 方法的更多信息。