检测大写锁定键 - 文章中心

检测大写锁定键

关键词：大写锁定键,caps-lock,keycode,javascript,键盘时间:2009年06月14日星期日阅读:175

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>检测大写锁定键</title>
<style type="text/css">

</style>
</head>
<body>
<h1>检测大写锁定键</h1>
<form action="#" method="post">
<p><label for="password">密码：</label><input type="password" id="password" name="password" /><span style="display:none;">大写锁定键被按下，请注意大小写</span></p>
</form>
<script type="text/javascript">//<![CDATA[
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> 
</body> 
</html>

提示：可以先修改部分代码后再运行

0条记录访客评论

发表评论