首页 > 网络编程 > JavaScript > javascript技巧 > 检测大写是否锁定 输入密码时检测大写是否锁定的js代码 2011-02-23 00:02:47 作者： 网站登录为了更好的用户体验都会在输入密码的时候检测是否开启大写。提醒用户。 主要对 已经激活input框的 大写锁定进行实时检测。 <div> <input class="text" name="passwd" id="loginPasswd" type="password" style="*display:block;" /> <div style="color:#F90;padding:2px; position:absolute; display:none;" id="capital">大写锁定已开启</div> <script type="text/javascript"><!-- (function(){ var inputPWD = document.getElementById('loginPasswd'); var capital = false; var capitalTip = { elem:document.getElementById('capital'), toggle:function(s){ var sy = this.elem.style; var d = sy.display; if(s){ sy.display = s; }else{ sy.display = d =='none' ? '' : 'none'; } } } var detectCapsLock = function(event){ if(capital){return}; var e = event||window.event; 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键 ){capitalTip.toggle('block');capital=true} else{capitalTip.toggle('none');} } inputPWD.onkeypress = detectCapsLock; inputPWD.onkeyup=function(event){ var e = event||window.event; if(e.keyCode == 20 && capital){ capitalTip.toggle(); return false; } } })() // --></script> </div> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:Android程序开发之防止密码输入错误 密码明文显示功能linux（ubuntu）用户连续N次输入错误密码进行登陆时自动锁定X分钟python输入错误密码用户锁定实现方法django实现登录时候输入密码错误5次锁定用户十分钟输入密码检测大写是否锁定js实现代码Python实现用户登录并且输入错误三次后锁定该用户
