搜索
首页web前端js教程js中如何获取键盘内容
js中如何获取键盘内容Sep 08, 2017 am 11:22 AM
javascript内容键盘

 1<script type="text/javascript" language=JavaScript charset="UTF-8">
 2       document.onkeydown=function(event){
 3             var e = event || window.event || arguments.callee.caller.arguments[0];
 4             if(e && e.keyCode==27){ // 按 Esc 
 5                 //要做的事情
 6               }
 7             if(e && e.keyCode==113){ // 按 F2 
 8                  //要做的事情
 9                }            
10              if(e && e.keyCode==13){ // enter 键
11                  //要做的事情
12             }
13         }; 
14 </script>
15 只要你定义了这些键的动作,你在浏览器里按下这些键就会响应,兼容目前所有浏览器。
  1 js 里面的键盘事件经常用到,所以收集了键盘事件对应的键码来分享下:
  2 keyCode 8 = BackSpace BackSpace
  3 keyCode 9 = Tab Tab
  4 keyCode 12 = Clear
  5 keyCode 13 = Enter
  6 keyCode 16 = Shift_L
  7 keyCode 17 = Control_L
  8 keyCode 18 = Alt_L
  9 keyCode 19 = Pause
 10 keyCode 20 = Caps_Lock
 11 keyCode 27 = Escape Escape
 12 keyCode 32 = space
 13 keyCode 33 = Prior
 14 keyCode 34 = Next
 15 keyCode 35 = End
 16 keyCode 36 = Home
 17 keyCode 37 = Left
 18 keyCode 38 = Up
 19 keyCode 39 = Right
 20 keyCode 40 = Down
 21 keyCode 41 = Select
 22 keyCode 42 = Print
 23 keyCode 43 = Execute
 24 keyCode 45 = Insert
 25 keyCode 46 = Delete
 26 keyCode 47 = Help
 27 keyCode 48 = 0 equal braceright
 28 keyCode 49 = 1 exclam onesuperior
 29 keyCode 50 = 2 quotedbl twosuperior
 30 keyCode 51 = 3 section threesuperior
 31 keyCode 52 = 4 dollar
 32 keyCode 53 = 5 percent
 33 keyCode 54 = 6 ampersand
 34 keyCode 55 = 7 slash braceleft
 35 keyCode 56 = 8 parenleft bracketleft
 36 keyCode 57 = 9 parenright bracketright
 37 keyCode 65 = a A
 38 keyCode 66 = b B
 39 keyCode 67 = c C
 40 keyCode 68 = d D
 41 keyCode 69 = e E EuroSign
 42 keyCode 70 = f F
 43 keyCode 71 = g G
 44 keyCode 72 = h H
 45 keyCode 73 = i I
 46 keyCode 74 = j J
 47 keyCode 75 = k K
 48 keyCode 76 = l L
 49 keyCode 77 = m M mu
 50 keyCode 78 = n N
 51 keyCode 79 = o O
 52 keyCode 80 = p P
 53 keyCode 81 = q Q at
 54 keyCode 82 = r R
 55 keyCode 83 = s S
 56 keyCode 84 = t T
 57 keyCode 85 = u U
 58 keyCode 86 = v V
 59 keyCode 87 = w W
 60 keyCode 88 = x X
 61 keyCode 89 = y Y
 62 keyCode 90 = z Z
 63 keyCode 96 = KP_0 KP_0
 64 keyCode 97 = KP_1 KP_1
 65 keyCode 98 = KP_2 KP_2
 66 keyCode 99 = KP_3 KP_3
 67 keyCode 100 = KP_4 KP_4
 68 keyCode 101 = KP_5 KP_5
 69 keyCode 102 = KP_6 KP_6
 70 keyCode 103 = KP_7 KP_7
 71 keyCode 104 = KP_8 KP_8
 72 keyCode 105 = KP_9 KP_9
 73 keyCode 106 = KP_Multiply KP_Multiply
 74 keyCode 107 = KP_Add KP_Add
 75 keyCode 108 = KP_Separator KP_Separator
 76 keyCode 109 = KP_Subtract KP_Subtract
 77 keyCode 110 = KP_Decimal KP_Decimal
 78 keyCode 111 = KP_pide KP_pide
 79 keyCode 112 = F1
 80 keyCode 113 = F2
 81 keyCode 114 = F3
 82 keyCode 115 = F4
 83 keyCode 116 = F5
 84 keyCode 117 = F6
 85 keyCode 118 = F7
 86 keyCode 119 = F8
 87 keyCode 120 = F9
 88 keyCode 121 = F10
 89 keyCode 122 = F11
 90 keyCode 123 = F12
 91 keyCode 124 = F13
 92 keyCode 125 = F14
 93 keyCode 126 = F15
 94 keyCode 127 = F16
 95 keyCode 128 = F17
 96 keyCode 129 = F18
 97 keyCode 130 = F19
 98 keyCode 131 = F20
 99 keyCode 132 = F21
100 keyCode 133 = F22
101 keyCode 134 = F23
102 keyCode 135 = F24
103 keyCode 136 = Num_Lock
104 keyCode 137 = Scroll_Lock
105 keyCode 187 = acute grave
106 keyCode 188 = comma semicolon
107 keyCode 189 = minus underscore
108 keyCode 190 = period colon
109 keyCode 192 = numbersign apostrophe
110 keyCode 210 = plusminus hyphen macron
111 keyCode 211 =
112 keyCode 212 = copyright registered
113 keyCode 213 = guillemotleft guillemotright
114 keyCode 214 = masculine ordfeminine
115 keyCode 215 = ae AE
116 keyCode 216 = cent yen
117 keyCode 217 = questiondown exclamdown
118 keyCode 218 = onequarter onehalf threequarters
119 keyCode 220 = less greater bar
120 keyCode 221 = plus asterisk asciitilde
121 keyCode 227 = multiply pision
122 keyCode 228 = acircumflex Acircumflex
123 keyCode 229 = ecircumflex Ecircumflex
124 keyCode 230 = icircumflex Icircumflex
125 keyCode 231 = ocircumflex Ocircumflex
126 keyCode 232 = ucircumflex Ucircumflex
127 keyCode 233 = ntilde Ntilde
128 keyCode 234 = yacute Yacute
129 keyCode 235 = oslash Ooblique
130 keyCode 236 = aring Aring
131 keyCode 237 = ccedilla Ccedilla
132 keyCode 238 = thorn THORN
133 keyCode 239 = eth ETH
134 keyCode 240 = diaeresis cedilla currency
135 keyCode 241 = agrave Agrave atilde Atilde
136 keyCode 242 = egrave Egrave
137 keyCode 243 = igrave Igrave
138 keyCode 244 = ograve Ograve otilde Otilde
139 keyCode 245 = ugrave Ugrave
140 keyCode 246 = adiaeresis Adiaeresis
141 keyCode 247 = ediaeresis Ediaeresis
142 keyCode 248 = idiaeresis Idiaeresis
143 keyCode 249 = odiaeresis Odiaeresis
144 keyCode 250 = udiaeresis Udiaeresis
145 keyCode 251 = ssharp question backslash
146 keyCode 252 = asciicircum degree
147 keyCode 253 = 3 sterling
148 keyCode 254 = Mode_switch
149 使用event对象的keyCode属性判断输入的键值
150 eg:if(event.keyCode==13)alert(“enter!”);
151 键值对应表
152 A  0X65  U   0X85
153 B  0X66  V   0X86
154 C  0X67  W   0X87
155 D  0X68  X   0X88
156 E  0X69  Y   0X89
157 F  0X70  Z   0X90
158 G  0X71  0   0X48
159 H  0X72  1   0X49
160 I  0X73  2   0X50
161 J  0X74  3   0X51
162 K  0X75  4   0X52
163 L  0X76  5   0X53
164 M  0X77  6   0X54
165 N  0X78  7   0X55
166 O  0X79  8   0X56
167 P  0X80  9   0X57
168 Q  0X81 ESC  0X1B
169 R  0X82 CTRL  0X11
170 S  0X83 SHIFT 0X10
171 T  0X84 ENTER 0XD
172 如果要使用组合键,则可以判断是否同时按下了这几个键,比如ctrl键、shift键以及alt键的组合使用就可以判断是否多按下了ctrl键、shift键以及alt键

以上是js中如何获取键盘内容的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
es6数组怎么去掉重复并且重新排序es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

JavaScript的Symbol类型、隐藏属性及全局注册表详解JavaScript的Symbol类型、隐藏属性及全局注册表详解Jun 02, 2022 am 11:50 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

原来利用纯CSS也能实现文字轮播与图片轮播!原来利用纯CSS也能实现文字轮播与图片轮播!Jun 10, 2022 pm 01:00 PM

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

JavaScript对象的构造函数和new操作符(实例详解)JavaScript对象的构造函数和new操作符(实例详解)May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

JavaScript面向对象详细解析之属性描述符JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

javascript怎么移除元素点击事件javascript怎么移除元素点击事件Apr 11, 2022 pm 04:51 PM

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

整理总结JavaScript常见的BOM操作整理总结JavaScript常见的BOM操作Jun 01, 2022 am 11:43 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

foreach是es6里的吗foreach是es6里的吗May 05, 2022 pm 05:59 PM

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前By尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具