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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 用JavaScript检查大写键（Caps Lock）是否打开的脚本

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 168 ::

收藏到网摘: n/a

一个加载js文件的小脚本 javascript中的几个运算符

在用户遇到需要输入密码的页面时候，密码中是否有大写字母？大写键（Caps Lock）是否打开？如果能给用户以提示，岂不是更好？
下面的示例代码给出了方法，必要的说明代码当中都有注释。
问中知识点：event.keyCode 和 event.shiftKey
代码

点击运行可以看到效果:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Detect Caps Lock </TITLE>
<script>
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 */
}
</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>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

原文：http://www.blogjava.net/majianan/archive/2007/02/01/97284.html

一个加载js文件的小脚本 javascript中的几个运算符

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

评论 (0) All

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