春哥技术团队网站建设,wordpress建手机站,做网站的电话,wordpress slider pro不知道大家注意到没有#xff0c;很多人性话的网站再输入密码的时候#xff0c;如果开启大写锁定下过(切换键A左边的Cap Lock按键)#xff0c;那么就会给出一个提示#xff0c;因为很多时候密码验证是区分大小写的#xff0c;如果不小心开启或者关闭大小写就有可能导致输入…不知道大家注意到没有很多人性话的网站再输入密码的时候如果开启大写锁定下过(切换键A左边的Cap Lock按键)那么就会给出一个提示因为很多时候密码验证是区分大小写的如果不小心开启或者关闭大小写就有可能导致输入密码错误还有在用户输入密码时可以通过密码的显示与隐藏来查看输入的是否就是自己想输入的密码减少密码输入的错误都是一些人性化提高用户体验性的举措下面就介绍一下如何利用javascript实现此功能。onkeypress这个事件在用户按下并放开任何字母数字键时发生。系统按钮(例如箭头键和功能键)无法得到识别。onkeyup这个事件在用开任何先前按下的键盘键时发生。onkeydown这个事件在用户按下任何键盘键(包括系统按钮如箭头键和功能键)时发生。 本文主要应用了前两个事件代码如下:对密码输入框的优化#capital{color:#F90;padding:2px;position:absolute;}/* 检测输入框的大小写是否开启 */window.οnlοadfunction(){function isIE(){if(!!window.ActiveXObject || ActiveXObject in window){return true;}else{return false;}}(function(){var inputPWDdocument.getElementById(loginPasswd);var capitalfalse;var capitalTip{elem:document.getElementById(capital),toggle:function(s){var sythis.elem.style;var dsy.display;if(s){sy.display s;}else{sy.displaydnone?:none;}}}var detectCapsLockfunction(event){if(capital){return};var e event||window.event;var keyCode e.keyCode||e.which;var isShift e.shiftKey ||(keyCode 16 ) || false ;if(((keyCode65keyCode90 )!isShift)||((keyCode97keyCode122 )isShift)){capitalTip.toggle(block);capitaltrue}else{capitalTip.toggle(none);}}if(!isIE()){inputPWD.οnkeypressdetectCapsLock;inputPWD.οnkeyupfunction(event){var e event||window.event;if(e.keyCode 20 capital){capitalTip.toggle();return false;}}}})()}请输入密码显示密码大写锁定已开启/* 通过多选框 实现密码显示与隐藏设置 */function $(id){return document.getElementById(id);}$(xian).οnclickfunction(){var xuan$(xian).checked;var loginPasswd$(loginPasswd);if(xuantrue){loginPasswd.typetext;}else{loginPasswd.typepassword;}}
