用JavaScript检查大写键(Caps Lock)是否打开(原创)-阿里云开发者社区

开发者社区> 李博 bluemind> 正文

用JavaScript检查大写键(Caps Lock)是否打开(原创)

简介:
+关注继续查看
新年第一篇!希望新的一年大家和我一样天天开心,能多学点东西,多多赚钱^-^
在用户遇到需要输入密码的页面时候,密码中是否有大写字母?大写键(Caps Lock)是否打开?如果能给用户以提示,岂不是更好?
下面的示例代码给出了方法,必要的说明代码当中都有注释。
问中知识点:event.keyCode  和 event.shiftKey
如果有不对,不明白地方或者有更好的建议,请告诉我!谢谢^+^
HTML页面代码
<! 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 >


本文转自BlogJavaOo缘来是你oO的博客,原文链接:用JavaScript检查大写键(Caps Lock)是否打开(原创),如需转载请自行联系原博主。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
4121 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
4570 0
JavaScript 检查一个 JSON 对象中是否对存指这下的 Key
JavaScript 检查一个 JSON 对象中是否对存指定的 Key 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循“署名-非商业用途-保持一致”创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS、Android、Html5、Arduino、pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作。
805 0
《Java编码指南:编写安全可靠程序的75条建议》—— 指南18:不要将使用降低安全性检查的方法暴露给不可信代码
大多数方法缺乏安全管理器检查,是因为它们不提供对系统敏感部分(如文件系统)的访问。大多数提供安全管理器检查的方法,都是在调用堆栈中的每个类和方法被执行之前进行身份验证。这个安全模型允许Java applet这样的受限制程序对核心Java库具有完全访问权限。
1095 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
3514 0
JAVA实现自动打开URL对应的网页并保存为图片-不借助第三方API
基本原理: JDK6u10版本以上提供了DeskTop的API接口支持,可以根据URI参数自动打开 操作系统默认的浏览器来加载对应的网页,同时借助JDK的Robot类实现自动截屏 这样就完成了对任意一个URL对应网页保存为图片。
921 0
+关注
李博 bluemind
云栖社区Java、Redis、MongoDB运营小编,有意合作请联系钉钉:15810436147
2015
文章
1103
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载