用 JavaScript 检测大写锁定键的状态

有的写锁时候尤其是在进行密码输入时，我们需要检查键盘上的定键的状 Caps Lock 键是否被打开，并通知用户。写锁这时可以通过用 KeyboardEvent.getModifierState() 方法 CapsLock 的定键的状值来执行此操作。

换句话说，源码库写锁我们必须侦听元素上的定键的状键盘事件才能检查 Caps Lock 键的状态：

HTML：

<form>   <label for="username">Username:</label>   <input id="username" name="username">   <label for="password">Password:</label>   <input id="password" name="password" type="password">   <span id="password-message" style="display: none">Caps Lock is on</span> </form> 

JavaScript：

const el = document.getElementById(password); const msg = document.getElementById(password-message); el.addEventListener(keyup, e => {   msg.style = e.getModifierState(CapsLock)     ? display: block     : display: none; }); 

通过上面的例子可以看到，在选择的写锁元素上使用了 keyup 事件，然后调用 KeyboardEvent.getModifierState() 并检查 CapsLock 键的定键的状状态。keydown和 keypress 也能起到类似的服务器租用写锁作用。但是定键的状在多台设备上进行测试后，似乎应该首选 keyup 方法，写锁因为它在不同的定键的状操作系统和浏览器上的效果更好。

写锁

本文地址：http://www.bzuk.cn/news/262d33299405.html