如何檢測大寫鎖定

學習如何使用 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() 方法