如何检测大写锁定

学习如何使用 JavaScript 检测输入框内是否已打开大写锁定。

检测大写锁定是否开启

尝试在输入框内按下 "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"
  }
});

亲自试一试

相关页面

参考手册：MouseEvent getModifierState() 方法