有的时候尤其是在进行密码输入时,我们需要检查键盘上的 Caps Lock 键是否被打开,并通知用户。这时可以通过用 KeyboardEvent.getModifierState() 方法 CapsLock 的值来执行此操作。换句话说,我们必须侦听元素上的键盘事件才能检查 Caps Lock 键的状态:, N/ C) B# r5 u7 I3 S0 K% f
HTML
3 M. c6 | }5 W l3 x/ Q) ~5 C: n<form>
<label for="username">Username:</label> JavaScript6 D% x( R( y5 j, R, ]3 j
const el = document.getElementById('password'); 通过上面的例子可以看到,在选择的元素上使用了 'keyup' 事件,然后调用 KeyboardEvent.getModifierState() 并检查 'CapsLock' 键的状态。'keydown' 和 'keypress' 也能起到类似的作用。但是在多台设备上进行测试后,似乎应该首选 keyup 方法,因为它在不同的操作系统和浏览器上的效果更好。2 a* [; e( @3 l' L
# W6 K! P5 e, E9 X% t$ M* a% N |