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() 方法的內容。
