javascript中键盘事件用法实例分析

  本文实例分析了javascript中键盘事件用法。分享给大家供大家参考。具体如下:

  键盘事件包含onkeydown、onkeypress和onkeyup这三个事件

  事件初始化

function keyDown(){} 
document.onkeydown = keyDown; 
//论按下键盘上的哪个键,都将调用KeyDown()函数。 

  DOM标准下

function keyDown(e) { 
var keycode = e.which; //取得对应的键值(数字) 
var realkey = String.fromCharCode(e.which); //取得代表改键的真正字符 
alert("按键码: " + keycode + " 字符: " + realkey); 
} 
document.onkeydown = keyDown 

  IE下

function keyDown() { 
      var keycode = event.keyCode; //IE下取得键值的方法 
      var realkey = String.fromCharCode(event.keyCode); 
      alert("按键码: " + keycode + " 字符: " + realkey); 
} 
document.onkeydown = keyDown 

  兼容的方法

function keyUp(e) { 
     var currKey=0,e=e||event; 
     currKey=e.keyCode||e.which||e.charCode; 
     var keyName = String.fromCharCode(currKey); 
     alert("按键码: " + currKey + " 字符: " + keyName); 
} 
document.onkeyup = keyUp; 

  使用原则:keydown事件对于功能按键来说是最有用的,而keypress事件对于可打印按键来说是最有用的

  以下键码值只有在文本框中才完全有效,如果在<body>标记中使用,只有字母键、数字键和部分控制键可用,其字母键和数字键的键值与ASCII值相同

  字母和数字键的键码值(keyCode)

  按键     键码

  A           65

  B           66

  C           67

  D           68

  E           69

  F           70

  G           71

  H           72

  I            73

  J            74

  K           75

  L           76

  M          77

  N           78

  O          79

  P           80

  Q          81

  R           82

  S           83

  T           84

  U           85

  V           86

  W          87

  X           88

  Y           89

  Z           90

  0           48

  1           49

  2           50

  3           51

  4           52

  5           53

  6           54

  7           55

  8           56

  9           57

  数字键盘上的键的键码值(keyCode) 功能键键码值(keyCode)

  按键     键码

  0      96

  1           97

  2         98

  3           99

  4           100

  5           101

  6           102

  7           103

  8           104

  9           105

  *           106

  +           107

  Enter           108

  -            109

  .            110

  /            111

  F1         112

  F2         113

  F3         114

  F4         115

  F5         116

  F6         117

  F7         118

  F8         119

  F9         120

  F10              121

  F11              122

  F12              123

  控制键键码值(keyCode)

  按键            键码

  BackSpace          8

  Esc              27

  Right Arrow        39

  Left Arrow         37

  Down Arrow              40

  Up Arrow            38

  -_          189

  .>         190

  Spacebar            32

  Tab              9

  Clear           12

  Page Up              33

  Page Down         34

  Enter           13

  Insert           45

  ;:           186

  Delete         46

  `~          192

  /?          191

  Num Lock           144

  Control      17

  Home          36

  End              35

  Shift             16

  [{           219

  }]           221

  \|          220

  =+         187

  ,<          188

  '"           222

  Cape Lock           20

  Alt         18

  希望本文所述对大家的javascript程序设计有所帮助。