有没有办法知道是否在网页中按下了 CAPS LOCK？ [复制]

【问题标题】：is there a way to know if CAPS LOCK is pressed in a web page? [duplicate]有没有办法知道是否在网页中按下了 CAPS LOCK？ [复制]
【发布时间】：2014-03-16 04:50:59
【问题描述】：

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

【问题讨论】：

标签： javascript html capslock

【解决方案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>

【讨论】：