javascript - 使用键盘进行组合并检测最精确的组合

Question

在 window 上，我绑定(bind)了两个 keydown 事件。触发回调函数的条件是一定的顺序:

Event #1: ["down", "right", "a"]
Event #2: ["down", "right", "down", "right", "a"]

如何检查用户是否按下了事件 2 键，然后取消了事件 1？

Here is the code , 关注红色 div 并按下按键 ▼ ► ▼ ► A ，您将看到触发的两个事件。我需要知道如何检查是否触发了更精确的事件...

为了检查序列是否正确，我将序列与用户输入的末尾进行比较。

Answer 1

越精确，键越多。更改您的代码，使其仅 $(window).kb 一次，并注册一个序列，调用另一个函数来填充类似于此的数组结构:

[
 {
    seq:["down", "right", "down", "right", "a"],
    callback: cb1
 },
 {
    seq:["down", "right", "a"],
    callback: cb2
 }
]

注册函数会根据它的 seq.length 向这个数组中插入任何新元素，所以这个数组总是会从高到低排序。

现在你唯一的$(window).kb，每次都会循环这个数组寻找匹配项，一旦找到，它会调用相应的回调并停止迭代数组。