如何创建 - 检测大写锁定
了解如何使用 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() 方法的更多信息。
