首頁猿問如何判斷CAPS鎖是否在使用Jav...

如何判斷CAPS鎖是否在使用JavaScript？

JavaScript

繁星點點滴滴 2019-07-22 15:38:56

如何判斷CAPS鎖是否在使用JavaScript？如何判斷CAPS鎖是否在使用JavaScript？不過，有一個警告：我用谷歌搜索了一下，我能找到的最好的解決方案就是附上一個onkeypress事件到每個輸入，然后檢查每次按下的字母是否大寫，如果是，則檢查Shift是否也被按住。如果不是，那么蓋帽鎖就必須開著。這感覺很臟只是.。浪費-肯定還有比這更好的辦法嗎？

查看完整描述

3 回答

肥皂起泡泡

TA貢獻1829條經驗獲得超6個贊

發(fā)現這個有趣的.。你可以試試.。

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”

上面的鍵只是示例表示。

反對回復 2019-07-22

心有法竹

TA貢獻1866條經驗獲得超5個贊

在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是必要的。

反對回復 2019-07-22

元芳怎么了

TA貢獻1798條經驗獲得超7個贊

您可以使用KeyboardEvent以檢測許多鍵，包括大多數最新瀏覽器上的CAPS鎖。

這個getModifierState功能將向國家提供：

ALT
掛圖
帽鎖
控制
FN(Android)
元
NumLock
操作系統(tǒng)(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});

反對回復 2019-07-22