当前位置：首页 > 资讯 > 技术文档

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

时间：2020-10-02 19:21 编辑：来源：阅读：
扫一扫，手机访问

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

本文实例分析了javascript中键盘事件用法。分享给大家供大家参考。具体如下：键盘事件包含onkeydown、onkeypress和onkeyup这三个事件 [b]事件初始化[/b]

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

[b]DOM标准下[/b]

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

[b]IE下[/b]

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

[b]兼容的方法[/b]

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值相同 [b]字母和数字键的键码值(keyCode)[/b] 按键键码 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 [b]数字键盘上的键的键码值(keyCode) 功能键键码值(keyCode)[/b] 按键键码 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 [b]控制键键码值(keyCode)[/b] 按键键码 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程序设计有所帮助。

全部评论(0)

上一篇：javascript 获取元素样式必杀技
下一篇：Winform客户端向web地址传参接收参数的方法

资讯排行榜
更多>>