如何在 JavaScript 中偵測大寫鎖定：一種簡單有效的方法？

使用JavaScript 偵測Caps Lock：一種簡單且有效率的方法

使用JavaScript 決定是否啟動Caps Lock 是開發人員面臨的常見挑戰。雖然存在各種解決方法，但它們通常涉及複雜且資源密集的方法。幸運的是，有一個簡單的解決方案，無需複雜的循環或事件處理程序。

使用 KeyboardEvent 和 getModifierState

現代瀏覽器提供 KeyboardEvent 對象，該物件提供 getModifierState功能。此函數傳回特定修飾鍵的狀態，包括 Caps Lock。以下是如何利用它：

<code class="javascript">passwordField.addEventListener('keydown', function(event) {
  var caps = event.getModifierState && event.getModifierState('CapsLock');
  console.log(caps); // true when Caps Lock is on
});</code>

在此範例中，我們將 keydown 事件偵聽器附加到輸入欄位。當按下按鍵時，事件物件被捕獲，並且 getModifierState 函數用於驗證 Caps Lock 的狀態。如果 Caps Lock 處於活動狀態，則傳回「true」。這種方法既直觀又節省資源，因為它依賴內建瀏覽器功能，而不需要繁瑣的解決方法。

以上是如何在 JavaScript 中偵測大寫鎖定：一種簡單有效的方法？的詳細內容。更多資訊請關注PHP中文網其他相關文章！