您的位置：首页 > Web前端 > JavaScript

用JavaScript检查大写键（Caps Lock）是否打开的脚本

2010-04-29 09:37 363 查看

页面导航：首页 → 网络编程 → JavaScript → javascript技巧 → 正文内容用JavaScript检查大写键（Caps Lock）是否打开的脚本发布：dxy 字体：[增加减小] 类型：转载
在用户遇到需要输入密码的页面时候，密码中是否有大写字母？大写键（Caps Lock）是否打开？

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>  Detect Caps Lock </TITLE>
<mce:script type="text/javascript"><!--

function  detectCapsLock(e){
valueCapsLock  =  e.keyCode ? e.keyCode:e.which; // Caps Lock　是否打开
valueShift  =  e.shiftKey ? e.shiftKey:((valueCapsLock  ==   16 ) ? true : false ); // shift键是否按住

if (((valueCapsLock >=   65   &&  valueCapsLock  <=   90 )  &&   ! valueShift) // Caps Lock 打开，并且 shift键没有按住
|| ((valueCapsLock >=   97   &&  valueCapsLock  <=   122 )  &&  valueShift)) // Caps Lock 打开，并且按住 shift键
document.getElementById('capStatus').style.visibility  =  'visible';
else
document.getElementById('capStatus').style.visibility  =  'hidden';

/*
javascript中keyCode代码对应表
event.keyCode=32        空格
event.keyCode=13        回车
event.keyCode=27        Esc
event.keyCode=16)        Shift
event.keyCode=17)        Ctrl
event.keyCode=18)        Alt
*/

}
// --></mce:script>
</HEAD>

<BODY>
<input  type ="password"  name ="pwd"  onkeypress ="detectCapsLock(event)"   />
<div  id ="capStatus"  style ="visibility:hidden"><font  color =red> Caps Lock is on. <font></div>
</BODY>
</HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航