W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <style> #text {display:none;color:red} </style> <body> <h1>检测大写锁定</h1> <p>尝试在输入框内按下 "Caps Lock" 键：</p> <input id="myInput" value="Some text.."> <p id="text">警告！大写锁定已开启。</p> <script> var input = document.getElementById("myInput"); var text = document.getElementById("text"); input.addEventListener("keyup", function(event) { if (event.getModifierState("CapsLock")) { text.style.display = "block"; } else { text.style.display = "none" } }); </script> </body> </html>