javascript - 我怎样才能将 2 次按键作为一次响应来响应？

Question

我正在使用 HTML 和 CSS 制作类似“客户的员工详细信息系统”之类的东西。到目前为止，我没有遇到任何问题。

系统的主要任务:

客户在向上移动列表时阅读工作人员的职责和姓名。如果他/她找到了该成员，他/她会按下键盘上的相关键或点击数字面板上的数字。

System interface

Member details page

如果客户“点击”该按钮，则没有问题。但是，如果他的选择是键盘，问题就来了。因为，我们的员工有20名成员。客户可以按 1 到 9 之间的数字。我需要让客户按 10、11... 以访问包含该成员详细信息的新页面。

我无法通过谷歌搜索找到任何解决方案。请告诉我解决这个问题的方法。

谢谢。

Answer 1

您可以使用 setTimeout()等待并检查在一段时间内是否会发生另一个 key 。这意味着当按下第一个键时，您会触发函数等待并查看用户是否要按下另一个键。

例如，当用户按下 1 时，您调用 setTimeout() 并等待 3 秒。如果在 3 秒内，用户没有按下另一个键，那么我们假设用户打算输入 3。但是，如果用户按下更多，那么它将与前一个键连接。因此，如果用户在 3 秒内按下 7，那么我们将假定用户打算键入 17。

您也可以使用相同的方法对更多数字执行此操作。