How TO - 检测大写锁定
了解如何使用 JavaScript 查明输入字段内的大写锁定是否已开启。
检测大写锁定是否开启
尝试在输入字段内按“Caps Lock”键
警告!大写锁定已开启。
示例
// 获取输入字段
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() 方法的内容。