如何檢測大寫鎖定

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