jquery - 使用 jQuery 检测大写锁定打开/关闭

Question

如何使用 jQuery 检测 Caps Lock 键的开/关？我有密码textbox ，并且我只允许使用小写字母，因此我不希望打开 Caps Lock 键。

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

Answer 1

How to detect Caps Lock with 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
}

然后填写您的密码表单:

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