我如何响应两次按键?

时间:2018-10-10 06:41:33

标签: javascript jquery html css

我正在使用HTML和CSS制作“客户的员工详细信息系统”之类的东西。到目前为止,我所做的一切没有问题。

系统的主要任务:

客户在向上移动列表的同时读取工作人员的职责和姓名。 如果找到成员,则可以按键盘上的相关键或单击数字面板上的数字。

System interface

Member details page

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

我无法通过谷歌搜索找到任何解决方案。请让我知道解决此问题的方法。

谢谢。

1 个答案:

答案 0 :(得分:0)

您可以使用https://dotnetfiddle.net/huKNpU等待并检查在一段时间内是否还会发生另一个键。这意味着当按下第一个键时,您便会触发该功能以等待并查看用户是否要按下另一个键。

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

此外,您也可以使用相同的方法来获得更多的数字。