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_Divide KP_Divide
  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 division
  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. egif(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中获取监听键盘事件的更多相关文章

  1. Js中获取键盘的事件

    使用方法: <script type="text/javascript" language=JavaScript charset="UTF-8"> ...

  2. Vue中全局监听键盘事件

    全局监听enter键,是把监听事件绑定到document上 常用的keyCode键盘编码在这里:https://www.cnblogs.com/wbyixx/p/12029508.html creat ...

  3. js中获取 table节点各tr及td的内容方法

    js中获取 table节点各tr及td的内容方法 分类: java基础2013-10-12 17:54 1055人阅读 评论(0) 收藏 举报 <table id="tb1" ...

  4. js中获取URL中指定的查询字符串

    js中获取URL中指定的搜索字符串,主要利用location对象实现,废话少说,上代码. function getSearchString(key) { // 获取URL中?之后的字符 var str ...

  5. js中获取css属性

    直接获取 window.onload = function() { var but = document.getElementById('button'); var div = document.ge ...

  6. 【2017-06-27】Js中获取地址栏参数、Js中字符串截取

    一.Js中获取地址栏参数 //从地址栏获取想要的参数 function GetQueryString(name) { var reg = new RegExp("(^|&)" ...

  7. js中获取css样式属性值

    关于js中style,currentStyle和getComputedStyle几个注意的地方 (1)用js的style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的.针对css ...

  8. 小程序 js中获取时间new date()的用法(网络复制过来自用)

    js中获取时间new date()的用法   获取时间: 1 var myDate = new Date();//获取系统当前时间 获取特定格式的时间: 1 myDate.getYear(); //获 ...

  9. js中的点击事件(click)的实现方式

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. python的pip安装超时问题解决

    使用pip install 安装python第三方库时出现了如下错误:pip._vendor.urllib3.exceptions.ReadTimeoutError: HTTPSConnectionP ...

  2. keras实现MobileNet

    利用keras实现MobileNet,并以mnist数据集作为一个小例子进行识别.使用的环境是:tensorflow-gpu 2.0,python=3.7 , GTX-2070的GPU 1.导入数据 ...

  3. 使用RestTemplate,显示请求信息,响应信息

    使用RestTemplate,显示请求信息,响应信息 这里不讲怎么用RestTemplate具体细节用法,就是一个学习中的过程记录 一个简单的例子 public class App { public ...

  4. Golang自学系列

    为什么会有这个系列? 因为我要往架构方向靠拢啊. 关于架构,其实架构的书我看了<架构整洁之道>,也有<实现驱动领域设计>.但是我感觉明显还不够,所以我在极客时间买了一个架构相关 ...

  5. bulk_create 批量插入数据

    def booklist(request): # 动态插入100条数据 for i in range(100): models.Book2.objects.create(name='第%s本书'%i) ...

  6. 真香!Python开发工程师都选择这个数据库:因为它免费

    数据库类别 既然我们要使用关系数据库,就必须选择一个关系数据库. 目前广泛使用的关系数据库也就这么几种: 付费的商用数据库: Oracle,典型的高富帅: SQL Server,微软自家产品,Wind ...

  7. 第7.24节 Python案例详解:使用property函数定义属性简化属性访问代码实现

    第7.24节 Python案例详解:使用property函数定义属性简化属性访问代码实现 一.    案例说明 本节将通过一个案例介绍怎么使用property定义快捷的属性访问.案例中使用Rectan ...

  8. Python中可迭代对象是什么?

    Python中可迭代对象(Iterable)并不是指某种具体的数据类型,它是指存储了元素的一个容器对象,且容器中的元素可以通过__iter__( )方法或__getitem__( )方法访问. __i ...

  9. 性能测试学习之路 (四)jmeter 脚本开发实战(JDBC &JMS &接口脚本 & 轻量级接口自动化测试框架)

    1.业务级脚本开发 登录脚本->思路:在线程组下新建两个HTTP请求,一个是完成访问登录页,一个是完成登录的数据提交.   步骤如下: 1) 访问登录页 2) 提交登录数据的HTTP PS:对于 ...

  10. 你必须掌握的关于JVM知识点

    对本文所持态度 抓住主要矛盾,抓住重点学习,然后从这些点展开学. 不管是面试别人,还是参加面试.都可以有收获. JDK体系结构与JVM架构解析 jdk jre javac jvm Java是怎么实现跨 ...