前言
在前端开发中，我们需要经常使用键盘上的相应键位来完成功能，例如删除文本、切换tab等等。但是，在编写代码的时候，我们需要了解不同键位的ASCII码或者keycode的值。这时，keycodes-cli这个npm包就可以派上用场了。
keycodes-cli是一个命令行工具，可以让我们轻松地查看不同按键的ASCII码或keyCode值。在这篇文章中，我将详细介绍如何使用keycodes-cli，并提供一些实例代码。
安装keycodes-cli
在开始使用keycodes-cli之前，你需要先安装它。打开终端，执行以下命令：
npm install -g keycodes-cli
这里的-g表示全局安装，这样你就可以在终端任何位置都能使用keycodes-cli了。
使用keycodes-cli
安装完成后，我们可以在终端中输入以下命令：
keycodes -h
这个命令将会让我们看到所有可用的命令列表和相应的说明：
-- -------------------- ---- -------
------ -------- ---------
--------
--- ------ ------ ----- -----------
--- --------- ------ --- ------- ------
--- ----- ----- --- --- ------- ---- --- ----- ---
--- ------- ------ --- --- ----- ---- ---- --- ----- ----
--- ------ ------ --- --- --- ---- --- ----- ------- -- ----- ----1. 使用keycodes获取ASCII码值
首先，让我们看一下如何使用-keycodes来获取ASCII码值。在终端中输入以下命令：
keycodes -a a
结果将会返回：
Dec: 97 Hex: 61 Char: a
这里，我们输入小写字母"a"，返回的结果是ASCII码值：97。如果我们输入的字符不是ASCII码，则keycodes会提示错误：
keycodes -a 你好
结果将会返回：
Error:不是ASCII字符
此时，我们需要输入的字符并不是ASCII字符，所以我们得到了一条相应的错误提示。
2. 使用keycodes获取keyCode值
接下来，我们看一下如何使用-keycodes获取keyCode值。在终端中输入以下命令：
keycodes -k a
这里，我们输入的是字母"a"，它的keyCode值是97，所以结果将会返回：
KeyCode: 65
同样地，如果我们输入的字符不存在对应的keyCode值，keycodes会提示错误：
keycodes -k 你好
结果将会返回：
Error: 键码未定义
3. 使用keycodes获取键位
最后，我们看一下如何使用-keycodes获取键位。在终端中输入以下命令：
keycodes -c 97
这里，我们输入ASCII码值"97"，它对应的键位是字母"a"，所以结果将会返回：
KeyCode 97 refers to: 'a'
同样地，如果我们输入的keyCode或ASCII码值不存在对应的键位，keycodes也会提示错误：
keycodes -c 9999
结果将会返回：
Error: 键码未定义
结论
在本文中，我们介绍了如何在前端开发中使用keycodes-cli npm包获取ASCII码值和keyCode值以及相应的键位。它可以帮助我们更方便、更快捷地处理键盘事件。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066efe4c49986ca68d8b13