在前端开发中，有时需要让用户从一个选项列表中选择一个选项。npm 包 term-list 是一个可以帮助实现这一功能的工具包。
本文将介绍如何使用 term-list 包，包括安装、创建选项列表、监听用户选择等。
安装 term-list 包
使用 npm 安装 term-list：
npm install term-list --save
创建选项列表
首先，在 JavaScript 代码中引入 term-list 包：
const termList = require('term-list');然后，创建一个新的选项列表：
const list = new termList();
下一步是创建选项。每个选项由一个 ID 和一个文本串组成。可以使用以下命令添加选项：
list.add(id, text);
其中，id 是选项的 ID，text 是选项的文本串。
list.add('1', '选项 1');
list.add('2', '选项 2');
list.add('3', '选项 3');创建完选项后，就可以将其显示给用户了。使用以下命令显示选项列表：
list.start();
这将在终端中显示选项列表。用户可以使用键盘方向键选中选项，使用回车键确认选择。
监听用户选择
要获取用户选中的选项，可以监听 term-list 的“选中”事件。使用以下命令添加事件监听器：
list.on('keypress', function(key, index) {
const selectedItem = list.selected;
console.log('用户选择了：', selectedItem.text);
});这将在用户按下回车键后触发，打印出用户选择的选项的文本串。
示例代码
以下是完整的示例代码：
-- -------------------- ---- ------- ----- -------- - --------------------- ----- ---- - --- ----------- ------------- --- ---- ------------- --- ---- ------------- --- ---- ------------- ------------------- ------------- ------ - ----- ------------ - -------------- --------------------- ------------------- ---
总结
本文介绍了如何使用 term-list 包来创建选项列表，并监听用户选择事件。了解 term-list 的功能可以提高前端开发的效率，让用户的选择变得更便捷。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/92806