在前端开发中，有时候需要对用户输入有一定的限制或格式要求。当用户在一个<input /> 文本框中输入内容时，我们可能需要判断他们输入的字符是否有效。
方案
可以通过监听键盘事件来实现这个功能。通常，当用户按下键盘上的一个按键时，该按键会触发 keydown 事件。我们可以在事件处理程序中获取按下的键的 keyCode 或 code 属性，从而确定它是否会生成一个字符。
当用户按下的是一个字母、数字或标点符号等字符键时，该键将会生成一个字符并显示在输入框中。但是如果用户按下的是功能键（如方向键、回车键或删除键）或控制键（如 Shift、Ctrl 或 Alt），则不会显示任何字符。
因此，我们可以根据按下的键所对应的 keyCode 或 code 属性值来判断是否会在输入框中生成字符。以下是一个示例代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------------------
-------
------
------ ----------- --------------
--------
----- -------- - ------------------------------------
------------------------------------ ------- -- -
----- ------- - ------------- -- -----------
----- -------------- - -------- -- -- -- ------- -- --- -- -- -------
-------- -- -- -- ------- -- ---- -- -- ------------
-------- -- --- -- ------- -- ---- -- -- -----------------------
-------- -- --- -- ------- -- ----- -- -------
-- ---------------- -
-------------------------
- ---- -
--------------------------
-
---
---------
-------
-------在上面的示例代码中，我们首先获取了一个文本框元素，在它上面监听了 keydown 事件。在事件处理程序中，我们将按下的键的 keyCode 或 code 值与字符键的范围进行比较，如果该键是一个字符键，则输出“这个按键会产生字符”，否则输出“这个按键不会产生字符”。
总结
通过监听键盘事件并检测按下的键所对应的 keyCode 或 code 属性值，我们可以判断是否会在<input /> 文本框中生成字符。这个技巧可以用于实现输入框中的字符限制或格式要求，并且可以提高用户体验和数据安全性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29129