有的时候尤其是在进行密码输入时，我们需要检查键盘上的 Caps Lock 键是否被打开，并通知用户。这时可以通过用 KeyboardEvent.getModifierState() 方法 CapsLock 的值来执行此操作。换句话说，我们必须侦听元素上的键盘事件才能检查 Caps Lock 键的状态：
+ w4 T1 n. {& ]2 l9 i7 {! ~, |HTML
, F' v/ q; S, e1 D7 b( X0 a. W1 Z, L, }<form>
<label for="username">Username:</label>
JavaScript
6 [8 w1 L! D: D C- {const el = document.getElementById('password');
通过上面的例子可以看到，在选择的元素上使用了 'keyup' 事件，然后调用 KeyboardEvent.getModifierState() 并检查 'CapsLock' 键的状态。'keydown' 和 'keypress' 也能起到类似的作用。但是在多台设备上进行测试后，似乎应该首选 keyup 方法，因为它在不同的操作系统和浏览器上的效果更好。
$ m9 ^) H% K- q1 ^' O: `! v4 B+ ~
| 
|手机版|小黑屋|paopaomj.COM
( 
渝ICP备18007172号|
渝公网安备50010502503914号 )
发表于 2021-3-29 12:54:13