js学习笔记之:键盘应用

    为了方便用户操作,可以为用户设置(或者屏蔽)功能键,代替使用频率比较高的操作。本次,将学习一下基本的功能键使用方法、键盘和焦点使用、屏蔽按键等知识点,以及一些相关示例;

   1 设置按键功能:

    功能键主要是通过设置键盘值来实现的,其js函数为:event.keyCode,要判断用户使用的哪个功能键,实际就是判断当前的按键值;

    示例: 如果用户是否按下的是“F8”健,指定当前首页为百度:

              function goHome(){

                   if(event.keyCode == 119){                                     //判断按键是否是F8,F8的键盘值为119

                        document.location.href="http://www.baidu.com";  //指定首页

                  }

             }

    

    2 实现Tab功能:

         在很多CS程序中, 通过Tab健来切换表单的焦点,在一些快速输入系统中(例如处方系统)用Enter健来实现Tab的功能,能有效提高用户的输入速度;

           function changeFocus(){

                if(event.keyCode == 13){    //判断按键是否是Enter健

                     event.keyCode =9;        //执行Tab健功能;

               }

          }

    3 组合键的使用

           在很多程序中,用到一些组合键,例如QQ发送信息的时候,可以使用Ctrl+Enter提交;

           funtion ctlEnt(eventboject){

                  if(event.ctrlKey && window.event.keyCode == 13){     //event.ctrlKey可以用来判断是否使用了Ctrl健

                      this.document.form1.submit();

                 }

           }          

     4  屏蔽功能键

                屏蔽功能键的方法是使用event.returnValue = false来操作,含义为不执行任何操作,

                例1: 屏蔽退格键 BackSpace

                   document.onkeydown = function(){

                          if(event.keyCode == 8){                                                                       //判断当前操作是否是退格键

                                 if(event.srcElement.tagName.toLowerCase()=="textarea"){     //判断当前操作是否在textarea中发生

                                       event.returnValue = false;                                                         //不执行任何操作 

                                }

                          }

                   }

                  例2:  屏蔽键盘所有按键

                        当event.keyCode =0;时, 忽略所有按键

                       function document.onkeydown(){

                               event.keyCode = 0;

                               event.returnvalue = false;

                       }

 

 附属 :详细的键值表: 

常数名称十六进制值十进制值对应按键
VK_LBUTTON011鼠标的左键
VK_RBUTTON022鼠标的右键
VK-CANCEL033Ctrl+Break(通常不需要处理)
VK_MBUTTON044鼠标的中键(三按键鼠标)
VK_BACK088Backspace键
VK_TAB099Tab键
VK_CLEAR0C12Clear键(Num Lock关闭时的数字键盘5)
VK_RETURN0D13Enter键
VK_SHIFT1016Shift键
VK_CONTROL1117Ctrl键
VK_MENU1218Alt键
VK_PAUSE1319Pause键
VK_CAPITAL1420Caps Lock键
VK_ESCAPE1B27Ese键
VK_SPACE2032Spacebar键
VK_PRIOR2133Page Up键
VK_NEXT2234Page Domw键
VK_END2335End键
VK_HOME2436Home键
VK_LEFT2537LEFT ARROW 键(←)
VK_UP2638UP ARROW键(↑)
VK_RIGHT2739RIGHT ARROW键(→)
VK_DOWN2840DOWN ARROW键(↓)
VK_Select2941Select键
VK_PRINT2A42 
VK_EXECUTE2B43EXECUTE键
VK_SNAPSHOT2C44Print Screen键(抓屏)
VK_Insert2D45Ins键(Num Lock关闭时的数字键盘0)
VK_Delete2E46Del键(Num Lock关闭时的数字键盘.)
VK_HELP2F47Help键
VK_030480键
VK_131491键
VK_232502键
VK_333513键
VK_434524键
VK_535535键
VK_636546键
VK_737557键
VK_838568键
VK_939579键
VK_A4165A键
VK_B4266B键
VK_C4367C键
VK_D4468D键
VK_E4569E键
VK_F4670F键
VK_G4771G键
VK_H4872H键
VK_I4973I键
VK_J4A74J键
VK_K4B75K键
VK_L4C76L键
VK_M4D77M键
VK_N4E78N键
VK_O4F79O键
VK_P5080P键
VK_Q5181Q键
VK_R5282R键
VK_S5383S键
VK_T5484T键
VK_U5585U键
VK_V5686V键
VK_W5787W键
VK_X5888X键
VK_Y5989Y键
VK_Z5A90Z键
VK_NUMPAD06096数字键0键
VK_NUMPAD16197数字键1键
VK_NUMPAD26298数字键2键
VK_NUMPAD36299数字键3键
VK_NUMPAD464100数字键4键
VK_NUMPAD565101数字键5键
VK_NUMPAD666102数字键6键
VK_NUMPAD767103数字键7键
VK_NUMPAD868104数字键8键
VK_NUMPAD969105数字键9键
VK_MULTIPLY6A106数字键盘上的*键
VK_ADD6B107数字键盘上的+键
VK_SEPARATOR6C108Separator键
VK_SUBTRACT6D109数字键盘上的-键
VK_DECIMAL6E110数字键盘上的.键
VK_DIVIDE6F111数字键盘上的/键
VK_F170112F1键
VK_F271113F2键
VK_F372114F3键
VK_F473115F4键
VK_F574116F5键
VK_F675117F6键
VK_F776118F7键
VK_F877119F8键
VK_F978120F9键
VK_F1079121F10键
VK_F117A122F11键
VK_F127B123F12键
VK_NUMLOCK90144Num Lock 键
VK_SCROLL91145Scroll Lock键
    
上面没有提到的:(都在大键盘)   
VK_LWIN 91左win键
VK_RWIN 92右win键
VK_APPS 93右Ctrl左边键,点击相当于点击鼠标右键,会弹出快捷菜单
  186;(分号)
  187=键
  188,键(逗号)
  189-键(减号)
  190.键(句号)
  191/键
  192`键(Esc下面)
  219[键
  220
  221]键
  222‘键(引号)

转载于:https://www.cnblogs.com/njcolin/p/3509964.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值