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

作者:拾光时间:2026-10-25 20:35:35浏览:655

本文介绍如何使用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需再刷新一下页面才能执行]

作者最新文章