zoukankan      html  css  js  c++  java
  • 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_LBUTTON 01 1 鼠标的左键
    VK_RBUTTON 02 2 鼠标的右键
    VK-CANCEL 03 3 Ctrl+Break(通常不需要处理)
    VK_MBUTTON 04 4 鼠标的中键(三按键鼠标)
    VK_BACK 08 8 Backspace键
    VK_TAB 09 9 Tab键
    VK_CLEAR 0C 12 Clear键(Num Lock关闭时的数字键盘5)
    VK_RETURN 0D 13 Enter键
    VK_SHIFT 10 16 Shift键
    VK_CONTROL 11 17 Ctrl键
    VK_MENU 12 18 Alt键
    VK_PAUSE 13 19 Pause键
    VK_CAPITAL 14 20 Caps Lock键
    VK_ESCAPE 1B 27 Ese键
    VK_SPACE 20 32 Spacebar键
    VK_PRIOR 21 33 Page Up键
    VK_NEXT 22 34 Page Domw键
    VK_END 23 35 End键
    VK_HOME 24 36 Home键
    VK_LEFT 25 37 LEFT ARROW 键(←)
    VK_UP 26 38 UP ARROW键(↑)
    VK_RIGHT 27 39 RIGHT ARROW键(→)
    VK_DOWN 28 40 DOWN ARROW键(↓)
    VK_Select 29 41 Select键
    VK_PRINT 2A 42  
    VK_EXECUTE 2B 43 EXECUTE键
    VK_SNAPSHOT 2C 44 Print Screen键(抓屏)
    VK_Insert 2D 45 Ins键(Num Lock关闭时的数字键盘0)
    VK_Delete 2E 46 Del键(Num Lock关闭时的数字键盘.)
    VK_HELP 2F 47 Help键
    VK_0 30 48 0键
    VK_1 31 49 1键
    VK_2 32 50 2键
    VK_3 33 51 3键
    VK_4 34 52 4键
    VK_5 35 53 5键
    VK_6 36 54 6键
    VK_7 37 55 7键
    VK_8 38 56 8键
    VK_9 39 57 9键
    VK_A 41 65 A键
    VK_B 42 66 B键
    VK_C 43 67 C键
    VK_D 44 68 D键
    VK_E 45 69 E键
    VK_F 46 70 F键
    VK_G 47 71 G键
    VK_H 48 72 H键
    VK_I 49 73 I键
    VK_J 4A 74 J键
    VK_K 4B 75 K键
    VK_L 4C 76 L键
    VK_M 4D 77 M键
    VK_N 4E 78 N键
    VK_O 4F 79 O键
    VK_P 50 80 P键
    VK_Q 51 81 Q键
    VK_R 52 82 R键
    VK_S 53 83 S键
    VK_T 54 84 T键
    VK_U 55 85 U键
    VK_V 56 86 V键
    VK_W 57 87 W键
    VK_X 58 88 X键
    VK_Y 59 89 Y键
    VK_Z 5A 90 Z键
    VK_NUMPAD0 60 96 数字键0键
    VK_NUMPAD1 61 97 数字键1键
    VK_NUMPAD2 62 98 数字键2键
    VK_NUMPAD3 62 99 数字键3键
    VK_NUMPAD4 64 100 数字键4键
    VK_NUMPAD5 65 101 数字键5键
    VK_NUMPAD6 66 102 数字键6键
    VK_NUMPAD7 67 103 数字键7键
    VK_NUMPAD8 68 104 数字键8键
    VK_NUMPAD9 69 105 数字键9键
    VK_MULTIPLY 6A 106 数字键盘上的*键
    VK_ADD 6B 107 数字键盘上的+键
    VK_SEPARATOR 6C 108 Separator键
    VK_SUBTRACT 6D 109 数字键盘上的-键
    VK_DECIMAL 6E 110 数字键盘上的.键
    VK_DIVIDE 6F 111 数字键盘上的/键
    VK_F1 70 112 F1键
    VK_F2 71 113 F2键
    VK_F3 72 114 F3键
    VK_F4 73 115 F4键
    VK_F5 74 116 F5键
    VK_F6 75 117 F6键
    VK_F7 76 118 F7键
    VK_F8 77 119 F8键
    VK_F9 78 120 F9键
    VK_F10 79 121 F10键
    VK_F11 7A 122 F11键
    VK_F12 7B 123 F12键
    VK_NUMLOCK 90 144 Num Lock 键
    VK_SCROLL 91 145 Scroll 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 ‘键(引号)
  • 相关阅读:
    python数据类型和数据运算
    python 模块介绍
    Dictionary<Key,Value>的用法
    不用Invoke就等用 Control.CheckForIllegalCrossThreadCalls = false;
    多线程+委托的安全访问(invoke)
    Lambda 表达式型的排序法
    System.Windows.Forms.AxHost.InvalidActiveXStateException”类型的异常在 ESRI.ArcGIS.AxControls.dll 中发生,但未在用户代码中进行处理
    无法嵌入互操作类型“ESRI.ArcGIS.Display.SimpleFillSymbolClass”。请改用适用的接口。
    JavaScript中样式,方法 函数的应用
    Arcgis Engine最短路径分析
  • 原文地址:https://www.cnblogs.com/njcolin/p/3509964.html
Copyright © 2011-2022 走看看