如何检查大写锁定是否打开？

Question

我想检查大写锁定是否打开，但是使用我的代码，我只能检查大写字母，而不能检查大写字母锁。

jQuery('#password').keypress(function(e) {

        var s = String.fromCharCode( e.which );

        if ( s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey ) {

          jQuery('#caps').show();

        }

        else { 

          jQuery('#caps').hide();

        }

      });

这是我的JS代码。

Answer 1

你可以使用 event.getModifierState（“CapsLock”） 进行这样的检查：-var inputVal = document.getElementById("customInput");var textMsg = document.getElementById("warningDiv");inputVal.addEventListener("keyup", function(event) {if (event.getModifierState("CapsLock")) {&nbsp; &nbsp; textMsg.style.display = "block";&nbsp; } else {&nbsp; &nbsp; textMsg.style.display = "none"&nbsp; }});#warningDiv{&nbsp; color: red;&nbsp; display: none;}<input type="text" id="customInput" /><p id="warningDiv">WARNING! Caps lock is ON.</p>您也可以在此处检查我的解决方案-https://codepen.io/Arnab_Datta/pen/gOavXVJ?editors=1111