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

Posted 2023-03-16

【中文标题】有没有办法知道是不是在网页中按下了 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。 有办法知道吗？

【问题讨论】：

***.com/questions/11881359/…

***.com/questions/11881359/…

【参考方案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>