JavaScript 通过 keyCode 判断键盘按键并触发指定事件

作者:页面旅途时间:2026-10-21 22:24:10浏览:201

本文介绍如何在 JavaScript 中利用 keyCode 值判断用户按下的具体键盘按键,并据此触发指定的事件方法。文中提供了完整的 keyCode 数值与按键名称对照表,涵盖功能键、字母、数字及特殊符号,并附带回车键触发点击的示例代码,帮助开发者实现键盘快捷键功能。

JavaScript 键盘按键判断与事件触发

当用户按下键盘按键时,系统会触发相应的事件。

回车键触发点击示例


document.onkeydown = function (e) {
      e = e || event;
      if (e.keyCode == 13) { //判断是否单击的enter按键(回车键)
        document.getElementByIdx_x_x("txtid").click();
        return false;
      }
  }


keyCode 值含义说明

说明:keyCode 属性的值代表了键盘上对应的具体按键编号。

完整 keyCode 对照表

以下是常见的 keyCode 数值与按键名称的对应关系: keycode 8 = BackSpace 退格键 keycode 9 = Tab 制表符 keycode 12 = Clear keycode 13 = Enter 回车键 keycode 16 = Shift_L 左Shift键 keycode 17 = Control_L 左Control键 keycode 18 = Alt_L 左Alt键 keycode 19 = Pause 暂停键 keycode 20 = Caps_Lock 大写锁定键 keycode 27 = Escape 退出键 keycode 32 = 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 数字键盘0 keycode 97 = KP_1 数字键盘1 keycode 98 = KP_2 数字键盘2 keycode 99 = KP_3 数字键盘3 keycode 100 = KP_4 数字键盘4 keycode 101 = KP_5 数字键盘5 keycode 102 = KP_6 数字键盘6 keycode 103 = KP_7 数字键盘7 keycode 104 = KP_8 数字键盘8 keycode 105 = KP_9 数字键盘9 keycode 106 = KP_Multiply 数字键盘乘号 keycode 107 = KP_Add 数字键盘加号 keycode 108 = KP_Separator 数字键盘分隔符 keycode 109 = KP_Subtract 数字键盘减号 keycode 110 = KP_Decimal 数字键盘小数点 keycode 111 = KP_Divide 数字键盘除号 keycode 112 = F1 功能键F1 keycode 113 = F2 功能键F2 keycode 114 = F3 功能键F3 keycode 115 = F4 功能键F4 keycode 116 = F5 功能键F5 keycode 117 = F6 功能键F6 keycode 118 = F7 功能键F7 keycode 119 = F8 功能键F8 keycode 120 = F9 功能键F9 keycode 121 = F10 功能键F10 keycode 122 = F11 功能键F11 keycode 123 = F12 功能键F12 keycode 124 = F13 功能键F13 keycode 125 = F14 功能键F14 keycode 126 = F15 功能键F15 keycode 127 = F16 功能键F16 keycode 128 = F17 功能键F17 keycode 129 = F18 功能键F18 keycode 130 = F19 功能键F19 keycode 131 = F20 功能键F20 keycode 132 = F21 功能键F21 keycode 133 = F22 功能键F22 keycode 134 = F23 功能键F23 keycode 135 = F24 功能键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

以上内容介绍了如何通过 JavaScript 的 keyCode 值判断键盘按键并触发指定事件,供读者参考。

作者最新文章