JavaScript实时检测输入框大写锁定状态

作者:拾光

时间:2026-10-25

浏览:654

本文介绍如何使用JavaScript在用户激活输入框时,实时检测并提示大写锁定(Caps Lock)状态。通过监听键盘事件判断按键状态,结合DOM操作显示提示信息,有效提升密码输入时的用户体验,避免用户因大小写错误导致登录失败。

文章目录

实时检测大写锁定状态

该功能主要针对用户已激活的输入框,实时检测并反馈大写锁定(Caps Lock)的状态。


<div> <input class="text" name="passwd" id="loginPasswd" type="password" style="*display:block;" /> <div style="color:#F90;padding:2px; position:absolute; display:none;" id="capital">大写锁定已开启</div>  </div>

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章