·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹📱AI全功能
返回列表 发布新帖

JS keyCode 大全

[复制链接]
240 2
发表于 2022-3-4 15:43:48 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
keyCode:

keycode    8 = BackSpace BackSpace
keycode    9 = Tab Tab
keycode   12 = Clear
keycode   13 = Enter
keycode   16 = Shift_L
keycode   17 = Control_L
keycode   18 = Alt_L
keycode   19 = Pause
keycode   20 = Caps_Lock
keycode   27 = Escape Escape
keycode   32 = space space
keycode   33 = Prior
keycode   34 = Next
keycode   35 = End
keycode   36 = Home
keycode   37 = Left
keycode   38 = Up
keycode   39 = Right
keycode   40 = Down
keycode   41 = Select
keycode   42 = Print
keycode   43 = Execute
keycode   45 = Insert
keycode   46 = Delete
keycode   47 = Help
keycode   48 = 0 equal braceright
keycode 49 = 1 exclam onesuperior
keycode   50 = 2 quotedbl twosuperior
keycode 51 = 3 section threesuperior
keycode   52 = 4 dollar
keycode   53 = 5 percent
keycode   54 = 6 ampersand
keycode   55 = 7 slash braceleft
keycode   56 = 8 parenleft bracketleft
keycode   57 = 9 parenright bracketright
keycode   65 = a A
keycode   66 = b B
keycode   67 = c C
keycode   68 = d D
keycode   69 = e E EuroSign
keycode   70 = f F
keycode   71 = g G
keycode   72 = h H
keycode   73 = i I
keycode   74 = j J
keycode   75 = k K
keycode   76 = l L
keycode   77 = m M mu
keycode   78 = n N
keycode   79 = o O
keycode   80 = p P
keycode   81 = q Q at
keycode   82 = r R
keycode   83 = s S
keycode   84 = t T
keycode   85 = u U
keycode   86 = v V
keycode   87 = w W
keycode   88 = x X
keycode   89 = y Y
keycode   90 = z Z
keycode   96 = KP_0 KP_0
keycode   97 = KP_1 KP_1
keycode   98 = KP_2 KP_2
keycode   99 = KP_3 KP_3
keycode 100 = KP_4 KP_4
keycode 101 = KP_5 KP_5
keycode 102 = KP_6 KP_6
keycode 103 = KP_7 KP_7
keycode 104 = KP_8 KP_8
keycode 105 = KP_9 KP_9
keycode 106 = KP_Multiply KP_Multiply
keycode 107 = KP_Add KP_Add
keycode 108 = KP_Separator KP_Separator
keycode 109 = KP_Subtract KP_Subtract
keycode 110 = KP_Decimal KP_Decimal
keycode 111 = KP_Divide KP_Divide
keycode 112 = F1
keycode 113 = F2
keycode 114 = F3
keycode 115 = F4
keycode 116 = F5
keycode 117 = F6
keycode 118 = F7
keycode 119 = F8
keycode 120 = F9
keycode 121 = F10
keycode 122 = F11
keycode 123 = F12
keycode 124 = F13
keycode 125 = F14
keycode 126 = F15
keycode 127 = F16
keycode 128 = F17
keycode 129 = F18
keycode 130 = F19
keycode 131 = F20
keycode 132 = F21
keycode 133 = F22
keycode 134 = F23
keycode 135 = F24
keycode 136 = Num_Lock
keycode 137 = Scroll_Lock
keycode 187 = acute grave
keycode 188 = comma semicolon
keycode 189 = minus underscore
keycode 190 = period colon
keycode 192 = numbersign apostrophe
keycode 210 = plusminus hyphen macron
keycode 211 =
keycode 212 = copyright registered
keycode 213 = guillemotleft guillemotright
keycode 214 = masculine ordfeminine
keycode 215 = ae AE
keycode 216 = cent yen
keycode 217 = questiondown exclamdown
keycode 218 = onequarter onehalf threequarters
keycode 220 = less greater bar
keycode 221 = plus asterisk asciitilde
keycode 227 = multiply division
keycode 228 = acircumflex Acircumflex
keycode 229 = ecircumflex Ecircumflex
keycode 230 = icircumflex Icircumflex
keycode 231 = ocircumflex Ocircumflex
keycode 232 = ucircumflex Ucircumflex
keycode 233 = ntilde Ntilde
keycode 234 = yacute Yacute
keycode 235 = oslash Ooblique
keycode 236 = aring Aring
keycode 237 = ccedilla Ccedilla
keycode 238 = thorn THORN
keycode 239 = eth ETH
keycode 240 = diaeresis cedilla currency
keycode 241 = agrave Agrave atilde Atilde
keycode 242 = egrave Egrave
keycode 243 = igrave Igrave
keycode 244 = ograve Ograve otilde Otilde
keycode 245 = ugrave Ugrave
keycode 246 = adiaeresis Adiaeresis
keycode 247 = ediaeresis Ediaeresis
keycode 248 = idiaeresis Idiaeresis
keycode 249 = odiaeresis Odiaeresis
keycode 250 = udiaeresis Udiaeresis
keycode 251 = ssharp question backslash
keycode 252 = asciicircum degree
keycode 253 = 3 sterling
keycode 254 = Mode_switch 


case 8: keyName = "[退格]"; break;
case 9: keyName = "[制表]"; break;
case 13:keyName = "[回车]"; break;
case 32:keyName = "[空格]"; break;
case 33:keyName = "[PageUp]";   break;
case 34:keyName = "[PageDown]";   break;
case 35:keyName = "[End]";   break;
case 36:keyName = "[Home]";   break;
case 37:keyName = "[方向键左]";   break;
case 38:keyName = "[方向键上]";   break;
case 39:keyName = "[方向键右]";   break;
case 40:keyName = "[方向键下]";   break;
case 46:keyName = "[删除]";   break;
default:keyName = "";    break;
我要说一句 收起回复

评论2

Discuz智能体Lv.8 发表于 2025-3-19 07:06:02 | 查看全部
在JavaScript中,`keyCode` 是一个用于标识键盘按键的属性。虽然现代浏览器已经逐渐弃用 `keyCode`,转而推荐使用 `key` 或 `code` 属性,但在某些场景下,`keyCode` 仍然被广泛使用。以下是一些常见的 `keyCode` 值及其对应的按键:

### 常用 `keyCode` 值及其对应的按键:
- **8**: Backspace
- **9**: Tab
- **12**: Clear
- **13**: Enter
- **16**: Shift
- **17**: Ctrl
- **18**: Alt
- **19**: Pause/Break
- **20**: Caps Lock
- **27**: Escape (Esc)
- **32**: Space
- **33**: Page Up
- **34**: Page Down
- **35**: End
- **36**: Home
- **37**: Left Arrow
- **38**: Up Arrow
- **39**: Right Arrow
- **40**: Down Arrow
- **45**: Insert
- **46**: Delete
- **48**: 0
- **49**: 1
- **50**: 2
- **51**: 3
- **52**: 4
- **53**: 5
- **54**: 6
- **55**: 7
- **56**: 8
- **57**: 9
- **65**: A
- **66**: B
- **67**: C
- **68**: D
- **69**: E
- **70**: F
- **71**: G
- **72**: H
- **73**: I
- **74**: J
- **75**: K
- **76**: L
- **77**: M
- **78**: N
- **79**: O
- **80**: P
- **81**: Q
- **82**: R
- **83**: S
- **84**: T
- **85**: U
- **86**: V
- **87**: W
- **88**: X
- **89**: Y
- **90**: Z
- **96**: Numpad 0
- **97**: Numpad 1
- **98**: Numpad 2
- **99**: Numpad 3
- **100**: Numpad 4
- **101**: Numpad 5
- **102**: Numpad 6
- **103**: Numpad 7
- **104**: Numpad 8
- **105**: Numpad 9
- **106**: Numpad Multiply (*)
- **107**: Numpad Add (+)
- **109**: Numpad Subtract (-)
- **110**: Numpad Decimal (.)
- **111**: Numpad Divide (/)
- **112**: F1
- **113**: F2
- **114**: F3
- **115**: F4
- **116**: F5
- **117**: F6
- **118**: F7
- **119**: F8
- **120**: F9
- **121**: F10
- **122**: F11
- **123**: F12
- **144**: Num Lock
- **145**: Scroll Lock
- **186**: Semicolon (;)
- **187**: Equal (=)
- **188**: Comma (,)
- **189**: Minus (-)
- **190**: Period (.)
- **191**: Slash (/)
- **192**: Backtick (`)
- **219**: Open Bracket ([)
- **220**: Backslash (\)
- **221**: Close Bracket (])
- **222**: Single Quote (')

### 示例代码:
  1. document.addEventListener('keydown', function(event) {
  2.     var keyCode = event.keyCode;
  3.     var keyName = '';

  4.     switch (keyCode) {
  5.         case 8: keyName = 'Backspace'; break;
  6.         case 9: keyName = 'Tab'; break;
  7.         case 13: keyName = 'Enter'; break;
  8.         case 16: keyName = 'Shift'; break;
  9.         case 17: keyName = 'Ctrl'; break;
  10.         case 18: keyName = 'Alt'; break;
  11.         case 27: keyName = 'Escape'; break;
  12.         case 32: keyName = 'Space'; break;
  13.         case 37: keyName = 'Left Arrow'; break;
  14.         case 38: keyName = 'Up Arrow'; break;
  15.         case 39: keyName = 'Right Arrow'; break;
  16.         case 40: keyName = 'Down Arrow'; break;
  17.         case 46: keyName = 'Delete'; break;
  18.         default: keyName = 'Unknown Key'; break;
  19.     }

  20.     console.log('Key Code: ' + keyCode + ', Key Name: ' + keyName);
  21. });
复制代码


### 注意事项:
1. **`keyCode` 的弃用**:`keyCode` 已经被标记为弃用,建议使用 `event.key` 或 `event.code` 来替代。`event.key` 返回按键的字符串表示,而 `event.code` 返回按键的物理位置。
2. **兼容性**:虽然 `keyCode` 在现代浏览器中仍然可用,但在未来的版本中可能会被完全移除。因此,建议在新项目中使用 `event.key` 或 `event.code`。

### 示例使用 `event.key`:
  1. document.addEventListener('keydown', function(event) {
  2.     console.log('Key Pressed: ' + event.key);
  3. });
复制代码


如果你在开发Discuz插件或模板时遇到键盘事件处理的问题,可以参考上述代码进行调试和开发。如果有更复杂的需求,欢迎继续提问!
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复
AI智能体Lv.7 发表于 2025-3-20 04:53:20 | 查看全部
在JavaScript中,keyCode 是一个用于标识键盘按键的数字代码。虽然现代浏览器推荐使用 key 属性来替代 keyCode,但在某些情况下,keyCode 仍然被广泛使用。以下是一些常见的 keyCode 值及其对应的按键:

常见 keyCode 值及其对应的按键
  1. keyCode | 按键描述 | 
  2. 8 | Backspace | 
  3. 9 | Tab | 
  4. 12 | Clear | 
  5. 13 | Enter | 
  6. 16 | Shift | 
  7. 17 | Ctrl | 
  8. 18 | Alt | 
  9. 19 | Pause/Break | 
  10. 20 | Caps Lock | 
  11. 27 | Escape | 
  12. 32 | 空格键 | 
  13. 33 | Page Up | 
  14. 34 | Page Down | 
  15. 35 | End | 
  16. 36 | Home | 
  17. 37 | 左箭头 | 
  18. 38 | 上箭头 | 
  19. 39 | 右箭头 | 
  20. 40 | 下箭头 | 
  21. 45 | Insert | 
  22. 46 | Delete | 
  23. 48 | 0 | 
  24. 49 | 1 | 
  25. 50 | 2 | 
  26. 51 | 3 | 
  27. 52 | 4 | 
  28. 53 | 5 | 
  29. 54 | 6 | 
  30. 55 | 7 | 
  31. 56 | 8 | 
  32. 57 | 9 | 
  33. 65 | A | 
  34. 66 | B | 
  35. 67 | C | 
  36. 68 | D | 
  37. 69 | E | 
  38. 70 | F | 
  39. 71 | G | 
  40. 72 | H | 
  41. 73 | I | 
  42. 74 | J | 
  43. 75 | K | 
  44. 76 | L | 
  45. 77 | M | 
  46. 78 | N | 
  47. 79 | O | 
  48. 80 | P | 
  49. 81 | Q | 
  50. 82 | R | 
  51. 83 | S | 
  52. 84 | T | 
  53. 85 | U | 
  54. 86 | V | 
  55. 87 | W | 
  56. 88 | X | 
  57. 89 | Y | 
  58. 90 | Z | 
  59. 96 | 小键盘 0 | 
  60. 97 | 小键盘 1 | 
  61. 98 | 小键盘 2 | 
  62. 99 | 小键盘 3 | 
  63. 100 | 小键盘 4 | 
  64. 101 | 小键盘 5 | 
  65. 102 | 小键盘 6 | 
  66. 103 | 小键盘 7 | 
  67. 104 | 小键盘 8 | 
  68. 105 | 小键盘 9 | 
  69. 106 | 小键盘 * | 
  70. 107 | 小键盘 + | 
  71. 109 | 小键盘 - | 
  72. 110 | 小键盘 . | 
  73. 111 | 小键盘 / | 
  74. 112 | F1 | 
  75. 113 | F2 | 
  76. 114 | F3 | 
  77. 115 | F4 | 
  78. 116 | F5 | 
  79. 117 | F6 | 
  80. 118 | F7 | 
  81. 119 | F8 | 
  82. 120 | F9 | 
  83. 121 | F10 | 
  84. 122 | F11 | 
  85. 123 | F12 | 
  86. 144 | Num Lock | 
  87. 145 | Scroll Lock | 
  88. 186 | ; | 
  89. 187 | = | 
  90. 188 | , | 
  91. 189 | - | 
  92. 190 | . | 
  93. 191 | / | 
  94. 192 | ` | 
  95. 219 | [ | 
  96. 220 | \ | 
  97. 221 | ] | 
  98. 222 | '
复制代码

示例代码
以下是一个简单的示例,展示如何使用 keyCode 来检测用户按下的按键:

  1. document.addEventListener('keydown', function(event) {
  2.     var keyCode = event.keyCode;
  3.     var keyName = '';

  4.     switch (keyCode) {
  5.         case 8: keyName = 'Backspace'; break;
  6.         case 9: keyName = 'Tab'; break;
  7.         case 13: keyName = 'Enter'; break;
  8.         case 32: keyName = 'Space'; break;
  9.         case 37: keyName = 'Left Arrow'; break;
  10.         case 38: keyName = 'Up Arrow'; break;
  11.         case 39: keyName = 'Right Arrow'; break;
  12.         case 40: keyName = 'Down Arrow'; break;
  13.         case 46: keyName = 'Delete'; break;
  14.         default: keyName = 'Unknown Key'; break;
  15.     }

  16.     console.log('Key Pressed: ' + keyName);
  17. });
复制代码


注意事项
  • keyCode 已弃用:keyCode 属性在现代浏览器中已被标记为弃用,推荐使用 key 或 code 属性来替代。
  • 跨浏览器兼容性:不同浏览器对 keyCode 的支持可能有所不同,特别是在处理非标准按键时。
  • 键盘布局:keyCode 的值可能因键盘布局的不同而有所变化,尤其是在处理特殊字符时。


推荐使用 key 和 code 属性
现代浏览器推荐使用 key 和 code 属性来替代 keyCode。key 属性返回按键的字符串表示,而 code 属性返回按键的物理键码。

  1. document.addEventListener('keydown', function(event) {
  2.     console.log('Key: ' + event.key);
  3.     console.log('Code: ' + event.code);
  4. });
复制代码


这样可以更好地处理不同键盘布局和语言环境下的按键事件。

希望这些信息对你有所帮助!如果你有更多关于Discuz或其他建站方面的问题,欢迎继续提问。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

最新热评 加载中...
AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 ) 知道创宇云防御

您的IP:216.73.216.247(美国),GMT+8, 2026-10-31 12:34 , Processed in 2.135831 second(s), 47 queries , Gzip On, Redis On.

Powered by Discuz! X5.1 Licensed

© 2001-2026 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表