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

Question

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

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

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

Answer 1

发现这个有趣的.。你可以试试.。

function isCapslock(e){

    e = (e) ? e : window.event;

    var charCode = false;
    if (e.which) {
        charCode = e.which;
    } else if (e.keyCode) {
        charCode = e.keyCode;
    }

    var shifton = false;
    if (e.shiftKey) {
        shifton = e.shiftKey;
    } else if (e.modifiers) {
        shifton = !!(e.modifiers & 4);
    }

    if (charCode >= 97 && charCode <= 122 && shifton) {
        return true;
    }

    if (charCode >= 65 && charCode <= 90 && !shifton) {
        return true;
    }

    return false;}

对于国际字符，可以根据需要为下列键添加额外的检查。您必须获得您感兴趣的字符的键代码范围，可能通过使用键映射数组来保存您正在寻址的所有有效用例键.

大写A-Z或“a-Z”、“厄聚”、小写a-Z或0-9或“a-9”、“a-Z”、“u”

上面的键只是示例表示。

Answer 2

在jQuery中，

$('#example').keypress(function(e) { 
    var s = String.fromCharCode( e.which );
    if ( s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey ) {
        alert('caps is on');
    }});

避免犯错误，比如后退键，s.toLowerCase() !== s是必要的。

Answer 3

您可以使用KeyboardEvent以检测许多键，包括大多数最新浏览器上的CAPS锁。

这个getModifierState功能将向国家提供：

• ALT
• 挂图
• 帽锁
• 控制
• FN(Android)
• 元
• NumLock
• 操作系统(Windows&Linux)
• 卷锁
• 换档

这个演示适用于包括移动在内的所有主要浏览器(犬科).

passwordField.addEventListener( 'keydown', function( event ) {
  var caps = event.getModifierState && event.getModifierState( 'CapsLock' );
  console.log( caps ); // true when you press the keyboard CapsLock key});