QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2894|回复: 0

[HTML/CSS/JS] 用 JavaScript 检测大写锁定键的状态

[复制链接]

等级头衔

积分成就    金币 : 2861
   泡泡 : 1516
   精华 : 6
   在线时间 : 1328 小时
   最后登录 : 2026-5-15

丰功伟绩

优秀达人突出贡献荣誉管理论坛元老活跃会员

联系方式
发表于 2021-3-29 12:54:13 | 显示全部楼层 |阅读模式
       有的时候尤其是在进行密码输入时,我们需要检查键盘上的 Caps Lock 键是否被打开,并通知用户。这时可以通过用 KeyboardEvent.getModifierState() 方法 CapsLock 的值来执行此操作。换句话说,我们必须侦听元素上的键盘事件才能检查 Caps Lock 键的状态:
/ X) e% K0 @1 M2 R$ k5 Z. }HTML
6 M% c9 r" m6 O, P8 b
<form>
<label for="username">Username:</label>
JavaScript. O7 {! A- x# _6 E8 @8 `- N
const el = document.getElementById('password');
      通过上面的例子可以看到,在选择的元素上使用了 'keyup' 事件,然后调用 KeyboardEvent.getModifierState()  并检查 'CapsLock' 键的状态。'keydown' 和 'keypress' 也能起到类似的作用。但是在多台设备上进行测试后,似乎应该首选 keyup 方法,因为它在不同的操作系统和浏览器上的效果更好。
8 [5 j  m; D3 F* ?& `, d3 f$ Q% S* G, B8 Z, x$ m
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|小黑屋|paopaomj.COM ( 渝ICP备18007172号|渝公网安备50010502503914号 )

GMT+8, 2026-7-13 02:27

Powered by paopaomj X3.5 © 2016-2025 sitemap

快速回复 返回顶部 返回列表