javascript - 如果另一个已经被触发，则仅触发一次

Question

我创建了两个函数。为了简单起见，我们举个例子:

我得到了为相同对象触发不同事件的函数。您可以使用键盘箭头

激活它们

$("body").keydown(function(e) {
    if (event.which == 39) open_second_layer();
});
$("body").keydown(function(e) {
    if (event.which == 37) open_first_layer();
});

一旦我触发了一个功能并再次按下同一键，它就会再次触发动画(不必要)。

因为一旦函数 open_second_layer 被触发，它就不能再次被触发，直到 open_first_layer 再次被触发。反之亦然。

我发现 .bind 和 .when 作为可能的解决方案，但无法弄清楚如何在这种情况下正确使用它们。我感谢谷歌的每一个建议或关键词。

Answer 1

您可以保留状态变量并跟踪对其进行的更改:

var state_changed = (function() {
    var current = null;

    return function(state) {
        if (state == current) {
            return false;
        }
        current = state;
        return true;
    };
}());

function open_first_layer()
{
    if (!state_changed(1)) {
        return;
    }
    // rest of code
}

function open_second_layer()
{
    if (!state_changed(2)) {
      return;
    }
    // rest of code
}

$("body").keydown(function(e) {
    if (event.which == 39) {
        open_second_layer();
    } else if (event.which == 37) {
        open_first_layer();
    }
});