如何判断CAPS锁是否在使用JavaScript？

Question

如何判断CAPS锁是否在使用JavaScript？

如何判断CAPS锁是否在使用JavaScript？

不过，有一个警告：我用谷歌搜索了一下，我能找到的最好的解决方案就是附上一个onkeypress事件到每个输入，然后检查每次按下的字母是否大写，如果是，则检查Shift是否也被按住。如果不是，那么盖帽锁就必须开着。这感觉很脏只是.。浪费-肯定还有比这更好的办法吗？

Answer 1

发现这个有趣的.。你可以试试.。function&nbsp;isCapslock(e){ &nbsp;&nbsp;&nbsp;&nbsp;e&nbsp;=&nbsp;(e)&nbsp;?&nbsp;e&nbsp;:&nbsp;window.event; &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;charCode&nbsp;=&nbsp;false; &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(e.which)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;charCode&nbsp;=&nbsp;e.which; &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;if&nbsp;(e.keyCode)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;charCode&nbsp;=&nbsp;e.keyCode; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;shifton&nbsp;=&nbsp;false; &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(e.shiftKey)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shifton&nbsp;=&nbsp;e.shiftKey; &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;if&nbsp;(e.modifiers)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shifton&nbsp;=&nbsp;!!(e.modifiers&nbsp;&&nbsp;4); &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(charCode&nbsp;>=&nbsp;97&nbsp;&&&nbsp;charCode&nbsp;<=&nbsp;122&nbsp;&&&nbsp;shifton)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;true; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(charCode&nbsp;>=&nbsp;65&nbsp;&&&nbsp;charCode&nbsp;<=&nbsp;90&nbsp;&&&nbsp;!shifton)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;true; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;false;}对于国际字符，可以根据需要为下列键添加额外的检查。您必须获得您感兴趣的字符的键代码范围，可能通过使用键映射数组来保存您正在寻址的所有有效用例键.大写A-Z或“a-Z”、“厄聚”、小写a-Z或0-9或“a-9”、“a-Z”、“u”上面的键只是示例表示。

Answer 2

在jQuery中，$('#example').keypress(function(e)&nbsp;{&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;s&nbsp;=&nbsp;String.fromCharCode(&nbsp;e.which&nbsp;); &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(&nbsp;s.toUpperCase()&nbsp;===&nbsp;s&nbsp;&&&nbsp;s.toLowerCase()&nbsp;!==&nbsp;s&nbsp;&&&nbsp;!e.shiftKey&nbsp;)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert('caps&nbsp;is&nbsp;on'); &nbsp;&nbsp;&nbsp;&nbsp;}});避免犯错误，比如后退键，s.toLowerCase() !== s是必要的。

Answer 3

您可以使用KeyboardEvent以检测许多键，包括大多数最新浏览器上的CAPS锁。这个getModifierState功能将向国家提供：ALT挂图帽锁控制FN(Android)元NumLock操作系统(Windows&Linux)卷锁换档这个演示适用于包括移动在内的所有主要浏览器(犬科).passwordField.addEventListener(&nbsp;'keydown',&nbsp;function(&nbsp;event&nbsp;)&nbsp;{ &nbsp;&nbsp;var&nbsp;caps&nbsp;=&nbsp;event.getModifierState&nbsp;&&&nbsp;event.getModifierState(&nbsp;'CapsLock'&nbsp;); &nbsp;&nbsp;console.log(&nbsp;caps&nbsp;);&nbsp;//&nbsp;true&nbsp;when&nbsp;you&nbsp;press&nbsp;the&nbsp;keyboard&nbsp;CapsLock&nbsp;key});