由网友(情话与狗)分享简介：如何使用 jQuery 检测 Caps Lock 键的开/关?我有一个密码 textbox，我只允许使用小写字母，所以我不想打开 Caps Lock 键.How can I detect the Caps Lock key on/off using jQuery? I have a password textbox,...

如何使用 jQuery 检测 Caps Lock 键的开/关?我有一个密码 textbox，我只允许使用小写字母，所以我不想打开 Caps Lock 键.

How can I detect the Caps Lock key on/off using jQuery? I have a password textbox, and I allow only lowercase letters so I don't want the Caps Lock key to be on.

是否可以使用 jQuery 检测 Caps Lock 键的状态?

Is it possible to detect the state of Caps Lock key using jQuery?

推荐答案

如何检测使用 Javascript 大写锁定.

function capLock(e){
  var kc = e.keyCode ? e.keyCode : e.which;
  var sk = e.shiftKey ? e.shiftKey : kc === 16;
  var visibility = ((kc >= 65 && kc <= 90) && !sk) || 
      ((kc >= 97 && kc <= 122) && sk) ? 'visible' : 'hidden';
  document.getElementById('divMayus').style.visibility = visibility
}

然后输入您的密码表单:

Then for your password form:

<input type="password" name="txtPassword" onkeypress="capLock(event)" />
<div id="divMayus" style="visibility:hidden">Caps Lock is on.</div>