check capslock state

by Ercan Cicek

HTML

<!-- CREDITS: https://www.codeproject.com/Articles/17180/Detect-Caps-Lock-with-Javascript -->
<!-- slightly changed -->
<input id="tupni" />
<span id="capMessage" class="hide">CAPSLOCK is active.</span>

CSS

.hide {
  visibility: hidden;
}

JavaScript

$(function init() {
	$("#tupni").keypress(capCheck);
});

function capCheck(evt){
 var ky = evt.keyCode ? evt.keyCode : evt.which,
		 shi = evt.shiftKey ? evt.shiftKey : !!(ky === 16),
     $capMsg = $("#capMessage");
 if(((ky >= 65 && ky <= 90) && !shi)||((ky >= 97 && ky <= 122) && shi)) 
  $capMsg.removeClass("hide")
 else
  $capMsg.addClass("hide")
}