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

更新时间：2007年06月29日 00:00:00 作者：

在用户遇到需要输入密码的页面时候，密码中是否有大写字母？大写键（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 全选注:引入外部Js需再刷新一下页面才能执行]

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

您可能感兴趣的文章:

js判断一个对象是数组（函数）的方法实例
这篇文章主要给大家介绍了关于利用js如何判断一个对象是数组（函数）的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JS具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-12-12
Bootstrap按钮下拉菜单组件详解
这篇文章主要为大家详细介绍了Bootstrap按钮下拉菜单组件，感兴趣的小伙伴们可以参考一下
2016-05-05
微信小程序数据劫持代理的实现
本文主要介绍了微信小程序数据劫持代理的实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-01-01
javascript 获取HTMl文件指定元素的代码
获取HTMl文件制定的元素的实现代码，需要的朋友可以参考下。
2010-04-04
深入浅析Extjs中store分组功能的使用方法
这篇文章主要介绍了深入浅析Extjs中store分组功能的使用方法的相关资料,需要的朋友可以参考下
2016-04-04
javascript实现移动端 HTML5 图片上传预览和压缩功能示例
这篇文章主要介绍了javascript实现移动端 HTML5 图片上传预览和压缩功能,结合实例形式分析了javascript移动端 HTML5 图片上传预览和压缩功能具体实现方法与操作注意事项,需要的朋友可以参考下
2020-05-05
JavaScript中的数组特性介绍
这篇文章主要介绍了JavaScript中的数组特性介绍,本文总结了数组的3种特性和4种创建数组的方法,需要的朋友可以参考下
2014-12-12
three.js中点对象(Point)和点材质(PointsMaterial)的具体使用
本文主要介绍了three.js中点对象(Point)和点材质(PointsMaterial)的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-07-07
微信小程序身份证验证方法实现详解
这篇文章主要介绍了微信小程序身份证验证方法实现详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-06-06
JavaScript中的迭代器和生成器详解
这篇文章主要介绍了JavaScript中的迭代器和生成器详解,本文讲解了迭代器、声明自定义迭代器、生成器：一种更好的方式来构建迭代器、生成器高级特性等内容,需要的朋友可以参考下
2014-10-10

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具