当前位置:首页 > 日记 > 正文

Javascript中键盘事件的使用分析

Javascript中键盘事件的使用分析
本文分析了Javascript中键盘事件的用法,供大家参考:

键盘事件包括诸如onkeydown,onkeypress事件三和onKeyUp

事件初始化
功能(keydown){ }
document.onkeydown = KeyDown;
/ /在你的键盘上的键,会叫KeyDown()函数。

在DOM标准下
功能keydown(e){
VaR密码=哪; / /得到相应的关键(数)
无功realkey = String.fromCharCode(e.which / /获得);代表真正的性格变化的关键
警报(关键代码:+密码+ 字:+ realkey);
}
document.onkeydown = KeyDown

IE
功能KeyDown(){
VaR密码=的情况下;一个 / / IE下获取关键值的方法
无功realkey = String.fromCharCode(事件。密码);
警报(关键代码:+密码+ 字:+ realkey);
}
document.onkeydown = KeyDown

兼容的方法
功能键抬起(e){
无功currkey = 0,E = E | |事件;
currkey =能| | e.which | | e.charcode;
VaR的控制台= String.fromCharCode(currkey);
警报(关键代码:+ currkey +字符:+键名);
}
document.onkeyup = KeyUp;

使用原则:KeyDown事件的功能键是最有用的,和KeyPress事件是最有用的打印键
以下关键码值的文本框是唯一有效的。如果在标签中使用,只有字母键、数字键和部分控制键可用。字母键和数字键的键值与ASCII值相同。

字母表中的键码值和数字键(键码)

键的键码

65

B 66

C 67

D 68

E 69

F 70

G 71

H 72

我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

048

一百四十九

二百五十

三百五十一

四百五十二

五百五十三

六百五十四

七百五十五

八百五十六

九百五十七

关键码值(密码)功能键的键值(密钥)键上的数字键盘

键的键码

096

一百九十七

二百九十八

三百九十九

四千一百

五千一百零一

六千一百零二

七千一百零三

八千一百零四

九千一百零五

* 106

+ 107

进入108

- 109

一百一十

/ 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

控制键的键码值(密码)

键的键码

退格键8

Esc 27

右箭头39

左箭头37

Down Arrow 40

箭头38

- _ 189

190。

空格键32

表9

明确12

上一页33

Page Down 34

进入13

插入45

::186

删除46

~ 192

/ 191

Num Lock 144

控制17

Home 36

35年底

Shift 16

{ { 219

} } 221

◎220 |

187。

< 188

222

20角锁

ALT 18

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

相关文章

js实现鼠标箭头到一种方式来燃烧蜡

js实现鼠标箭头到一种方式来燃烧蜡

鼠标,箭头,蜡烛,方式,电脑软件,本文演示了js如何将鼠标箭头实现为一个燃烧的烛光效果: 这是一个完整的鼠标箭头荣耀的js代码,通过JS代码,鼠标的箭头添加到风格,燃烧的蜡烛,这也是一个很老的代码,只能运行在IE8及以下的浏览器,代码如下: 复制代码…

PHP实现二进制与文本相互转换的方

PHP实现二进制与文本相互转换的方

相互转换,二进制,文本,方法,电脑软件,本文给出了用PHP实现二进制与文本相互转换的方法,供大家参考: 此代码包含两个功能,bin2text,二进制转换为文本,文本text2bin,二进制 功能bin2text($ bin_str) { text_str美元=; 美元=爆炸( _i美元=计数($字符); …

powerpoint2010教程视频应用PPT201

powerpoint2010教程视频应用PPT201

教程,特殊效果,视频,电脑软件,powerpoint2010视频应用,阴影图像,发光效果,柔和的边缘效应和三维旋转、碰撞。 1,点击视频添加幻灯片效果。 2,在视频工具上下格式上的标签;视频样式组,点击视频效果;。 提示:如果你看不到视频工具或者格式标签,双击视频…

jQuery插件zclip实现复制内容到剪

jQuery插件zclip实现复制内容到剪

剪贴板,浏览器,插件,内容,电脑软件,在网络的发展,允许用户复制一段代码页,URL地址等信息,为了避免用户拖动鼠标,然后点击右键,复制操作可能出现的错误,我们可以将一个复制按钮直接在页面上,点击复制按钮,内容将可复制,用户可以再粘贴。 HTML 首先,你…

画家画可爱的卡通儿童

画家画可爱的卡通儿童

画家,卡通,可爱,儿童,电脑软件,本教程是介绍利用画家来画一个可爱的卡通儿童的过程,效果很好,而且背景很漂亮。 本教程是介绍利用画家来画一个可爱的卡通儿童的过程,效果很好,而且背景非常漂亮: 随着时间的推移画这幅画的想法之前,彻底改变和我…

PS合成美丽的魔法水精灵女孩

PS合成美丽的魔法水精灵女孩

女孩,美丽,魔法,电脑软件,PS,本教程是向朋友们介绍如何使用PS来制作漂亮漂亮的精灵水女孩。教程制作的效果图非常漂亮,难度也不是很大。它非常漂亮。建议你喜欢你的朋友一起学习。 本教程是一个过程,介绍美丽动人的PS魔术水精灵给你。本教程…

教你用PS快速变成绿色景观照片为sn

教你用PS快速变成绿色景观照片为sn

照片,景观,教你用,快速,电脑软件,本教程介绍给一位朋友,他使用PS快速将绿色风景照片变成雪景。风景很美,方法也不难。新手也可以来学它。好的,让我们看一看。 本教程是介绍你使用ps快速将绿色风景照片变成雪景。教程方法不是很难。对于学习ps…

ps显示所有图层的方法及键盘快捷键

ps显示所有图层的方法及键盘快捷键

显示,图层,键盘,方法,快捷键,下面是向您展示如何显示ps和快捷键操作的所有层。非常适合初学者学习。 介绍了在ps中显示所有图层的方法,以及所有图层快捷键的ps显示。 我们有时间在互联网上下载PSD文件,其中很多是隐藏的白板层,但我们计划显示…

你怎样才能对手机有一个快速全面的

你怎样才能对手机有一个快速全面的

常见问题,有一个,快速,电脑软件,QQ,你怎样才能对手机有一个快速全面的了解 你可以在手机的主页上体验一键,快速检查手机状态,它可以快速扫描恶意软件、垃圾文件、按键设置等,掌握手机的状态,扫描完成后,优化一键,轻松解决手机问题。…

关于如何美白的PS教程

关于如何美白的PS教程

教程,电脑软件,PS,现在很多人都用美图秀秀P图,不管如何P皮肤,像婴儿的皮肤光滑细腻。事实上,它也可以使用PS图象处理软件。皮肤不白的爱美MM,通过PS让自己闪耀的美白皮肤呢! 第1步,打开一张需要美白皮肤的图片。本教程旨在防止他人肖像被侵犯。 …

可爱QQ签名经典签名

可爱QQ签名经典签名

可爱,经典,电脑软件,QQ,这个可爱的QQ签名是一个专门为大家安排的小编辑,希望能对你有所帮助! 1:Tutu的时候,心情不好,就去超市,晃晃可乐,捣捣米缸,再见的鸽子,挤康师傅。 2。{委屈和泪下,你输不起输不死站起来告诉所有的人我鄙视你很好。 三.终于,有人…

Word2003添加文字和水印的文件格式

Word2003添加文字和水印的文件格式

教程,文字,水印,文件格式,电脑软件,当打印一些重要文件,添加水印的文件,如绝密、机密、和,使人得到的文档会知道的document.word2003的重要性已添加两种水印的功能,如文本和图片。水印将显示在打印文件下面,它是可视化的,但不会影响文本的显示效…