js实现判断大写锁定是否开启
2009-08-26 17:39
597 查看
在用户登录输入密码时,常常会有因为大写锁定开启而造成输入密码错误的情况,如果在用户大写锁定开启时给予提示,就可以尽量避免这种情况的发生。
以下是代码:
以下是代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>检测大写锁定键</title> <mce:style type="text/css"><!-- *{margin:0;padding:0;} body{padding:2em;background:#242424;color:#ccc;} h1{text-align:center;line-height:200%;} h3{text-indent:1em;line-height:160%;color:#666;font-weight:normal;font-size:1em;} h3 a{color:#bbb; text-decoration:none;margin:0 0.5em;} h3 a:hover{color:#fff;} p{margin:5em;} span{margin:0 0.5em;font-size:85.7%;} --></mce:style><style type="text/css" mce_bogus="1">*{margin:0;padding:0;} body{padding:2em;background:#242424;color:#ccc;} h1{text-align:center;line-height:200%;} h3{text-indent:1em;line-height:160%;color:#666;font-weight:normal;font-size:1em;} h3 a{color:#bbb; text-decoration:none;margin:0 0.5em;} h3 a:hover{color:#fff;} p{margin:5em;} span{margin:0 0.5em;font-size:85.7%;}</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;" mce_style="display:none;">大写锁定键被按下,请注意大小写</span></p> </form> <mce: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; // --></mce:script> </body> </html>
相关文章推荐
- js实现判断大写锁定是否开启
- js实现判断大写锁定是否开启(转)
- 输入密码检测大写是否锁定js实现代码
- 输入密码检测大写是否锁定js实现代码
- js实现的键盘开启大写锁定提示和密码显示与隐藏的效果
- 输入密码检测大写是否锁定js实现代码
- JS中onkeydown, onkeyup, onblur 三个事件对比 并js实现判断文本框是否为空和按Enter键实现Tab换行
- 用js判断是否为360浏览器的实现代码
- JS实现判断点是否在多边形内部(3)--回转数法实现
- js 判断checkbox是否选中的实现代码
- 用js判断页面是否加载完成实现代码
- 实现table中checkbox复选框、以及判断checked是否被选中、js操作checkedbox选中
- 用js判断页面是否加载完成实现代码
- js实现数组去重、判断数组以及对象中的内容是否相同
- JS实现的判断方法、变量是否存在功能示例
- js实现数组去重、判断数组以及对象中的内容是否相同
- 判断数组是否包含某个元素的js函数实现方法
- 用js判断页面是否加载完成实现代码
- JS实现判断图片是否加载完成的方法分析