javascript - 有没有办法知道是否在网页中按下了 CAPS LOCK？

Question

我想提醒用户他们的大写锁定已被按下。
我使用的是 HTML/HTML5，没有 Java（小程序）也没有 Flash。
有办法知道吗？

Answer 1

我认为这在 HTML 中是不可能的，但您可以使用 JavaScript 的 onKeyPress 事件。

例子：

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

</script>

HTML：

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