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

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

JavaScript

千萬里不及你 2019-07-26 15:14:24

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

查看完整描述

3 回答

慕雪6442864

TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊

發(fā)現(xiàn)這個(gè)有趣的.。你可以試試.。

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;}

對于國際字符，可以根據(jù)需要為下列鍵添加額外的檢查。您必須獲得您感興趣的字符的鍵代碼范圍，可能通過使用鍵映射數(shù)組來保存您正在尋址的所有有效用例鍵.

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

上面的鍵只是示例表示。

反對回復(fù) 2019-07-27

阿波羅的戰(zhàn)車

TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超6個(gè)贊

在jQuery中，

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

避免犯錯(cuò)誤，比如后退鍵，s.toLowerCase() !== s是必要的。

反對回復(fù) 2019-07-27

白豬掌柜的

TA貢獻(xiàn)1893條經(jīng)驗(yàn) 獲得超10個(gè)贊

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

這個(gè)getModifierState功能將向國家提供：

ALT
掛圖
帽鎖
控制
FN(Android)
元
NumLock
操作系統(tǒng)(Windows&Linux)
卷鎖
換檔

這個(gè)演示適用于包括移動(dòng)在內(nèi)的所有主要瀏覽器(犬科).

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

反對回復(fù) 2019-07-27