如何在 JavaScript 中準確檢測 Caps Lock 狀態？

使用 JavaScript 精確偵測 Caps Lock 狀態

在 JavaScript 領域，評估 Caps Lock 是否已啟動可能是確保最佳的使用者體驗。雖然早期的方法依賴將事件偵聽器附加到各個輸入字段，但現在透過使用 KeyboardEvent 可以使用更有效率、更優雅的方法。

KeyboardEvent 中的 getModifierState 方法提供了決定多個修飾鍵狀態的功能，包括大寫鎖定，跨各種瀏覽器，甚至在行動平台上。

要利用此功能，請實作以下程式碼：

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

此程式碼片段將事件偵聽器附加到輸入欄位名稱為「passwordField」。當使用者按下鍵盤上的任意鍵時，它將使用 getModifierState('CapsLock') 檢查 Caps Lock 狀態。如果狀態為 true，則表示 Caps Lock 已打開，使應用程式能夠採取適當的操作，例如顯示通知或相應地調整輸入行為。

以上是如何在 JavaScript 中準確檢測 Caps Lock 狀態？的詳細內容。更多資訊請關注PHP中文網其他相關文章！