JavaScript 通过 keyCode 值判断单击键盘上某个键并触发事件方法

JavaScript 是一种广泛使用的编程语言，特别是在前端开发中。其中，通过监听键盘事件来响应用户交互是很常见的做法。本文将介绍如何使用 JavaScript 监听键盘事件，并通过 keyCode 值判断单击键盘上某个键，并触发指定的事件方法。

监听键盘事件

在 JavaScript 中，可以通过 addEventListener() 函数来监听键盘事件。addEventListener() 函数有两个参数，第一个参数是要监听的事件类型，第二个参数是事件处理函数，也就是当事件被触发时要执行的代码。

例如，下面的代码监听键盘按下事件，并在控制台输出 "Key down"：

------------------------------------ --------------- -
  ---------------- -------
---

同样的，我们也可以监听键盘弹起事件和键盘按住事件，分别对应 keyup 和 keypress 事件类型。

判断 keyCode 值

在键盘事件处理函数中，可以通过 event.keyCode 属性获取当前按下或弹起的键的 keyCode 值。keyCode 值是一个整数，代表着不同的键盘按键。下面是一些常见的 keyCode 值：

• 13：回车键
• 27：ESC 键
• 32：空格键
• 37-40：方向键
• 48-57：数字键
• 65-90：字母键

例如，下面的代码监听回车键按下事件，并在控制台输出 "Enter key pressed"：

------------------------------------ --------------- -
  -- -------------- --- --- -
    ------------------ --- ----------
  -
---

触发指定的事件方法

当判断出用户所按下或弹起的键之后，我们可以触发某个指定的事件方法。这可以通过调用该事件方法实现。例如，下面的代码监听回车键按下事件，并触发一个名为 doSomething() 的自定义事件方法：

------------------------------------ --------------- -
  -- -------------- --- --- -
    --------------
  -
---

-------- ------------- -
  -- ---------
-

在上面的代码中，当事件处理函数判断出用户按下的是回车键时，就会调用 doSomething() 方法来执行相应的操作。

示例代码

下面是一个完整的示例代码，它监听回车键按下事件，并在控制台输出 "Enter key pressed"，并同时触发一个名为 doSomething() 的自定义事件方法：

--------- -----
------
------
  ----- ----------------
  ----------------- ----------------
-------
------

--------
------------------------------------ --------------- -
  -- -------------- --- --- -
    ------------------ --- ----------
    --------------
  -
---

-------- ------------- -
  -------------------------- ---------
-
---------

-------
-------

结语

通过监听键盘事件并判断 keyCode 值，我们可以在 JavaScript 中实现响应用户按键交互的功能。希望本文能对您有所帮助！

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/2041