<!DOCTYPE html><html><style>#text {display:none;color:red}</style><body><h3>Detect Caps Lock</h3><p>Press the "Caps Lock" key inside the input field to trigger the function.</p><inputid="myInput"value="Some text.."><pid="text">WARNING! Caps lock is ON.</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>
Script: