JS检测大写锁定键(Caps Lock)是否被激活

 在网页开发设计过程中,当遇到密码输入的时候我们增加一个当前是否锁定大写键并提示给用户这样将会显得更加人性化。使用JS我们如何实现验证当前是否锁定大写锁呢?下面给大家列出代码

<script type="text/javascript">
function  detectCapsLock(event)
{
	var e = event||window.event;
	var o = e.target||e.srcElement;
	var oTip = o.nextSibling;
	var keyCode  =  e.keyCode||e.which; // 获取按键的keyCode
	var isShift  =  e.shiftKey ||(keyCode  ==   16 ) || false ;
	// 判断shift键是否按住
	if (
	((keyCode >=   65   &&  keyCode  <=   90 )  &&   !isShift)
	// Caps Lock 打开,且没有按住shift键
	|| ((keyCode >=   97   &&  keyCode  <=   122 )  &&  isShift)
	// Caps Lock 打开,且按住shift键
	){ oTip.style.display = ''; }
	else{ oTip.style.display  =  'none'; }
}
document.getElementById('password').onkeypress = detectCapsLock;
</script>

希望对您有所帮助

转自:http://www.00isp.com/webdesign/javascript/201202/1184.html

你可能感兴趣的:(JavaScript,capsLock,大写锁定)