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