javascript - 找不到错误 - 解雇次数太多

Question

(编辑了一些拼写错误)

下面是一段代码，它会随着用户对 MPC 问题给出的每个答案而重复:

• 它会触发问题，生成 4 个答案，将“点击”和“鼠标悬停”与答案绑定(bind)，然后等待用户实际点击其中一个答案。
• 当他这样做时，它会检查它是对还是错，将其显示给用户，然后等待另一个输入(这次是在文档中的任何位置)，然后再继续并重复。

现在，我们的想法是用户可以用光标单击，或者使用 QWER 来回答。由于我对事件及其数据的操作还很陌生，所以我找到了一种(显然有缺陷的)方法来区分两者，如下所示。

然而，当用户通过点击“回答”并通过 QWER“继续”时，它会太快地完成整个事情，实际上按预期触发问题，然后立即回答它并再次触发另一个问题。 (将执行此操作所需的时间提取到数组中后，我发现它有时会连续执行 3-6 次，但没有明显的原因到底执行了多少次...)

现在，如前所述，我对事件是新手，因此可能会有冗余和/或错误使用 (e)，但请耐心等待。当然，我预计该错误与此有关。另外，有些函数在这里是不相关的，因为它们会返回到它们调用所在的任何函数(right()；例如，不会在其自身之后触发任何内容)。

这里的重点是循环。

提前致谢!

代码如下:

function keyAns() {
    answered="no";
    draw(0);
}

function keyNotAns (A) {
    B = $(A).children('.answer');
    if ($(B).hasClass('right')) {
        // do something
    }
    else if ($(B).hasClass('wrong')) {
        // do something
    }
    answered = "yes";
}

function waitForInput() {

    // MOUSE CLICK
    $(document).click(function() {
        if (answered == "yes") {
            answered = "no";
            draw(0);
        }
    });

    $('.answer').click(function(e) {
        $('.answer').unbind('click');
        if (answered == "no") {
            calcTime(1);

            e.stopPropagation();
            if ($(this).hasClass('right')) {
                // do something
            }
            else if ($(this).hasClass('wrong')) {
                // do something
            }
            answered = "yes";
        }
    });

    // KEYPRESSES
    $(document).bind('keyup', function(e){
        $(document).unbind('keyup');
        if (answered == "yes") {
            e.stopPropagation();
            keyAns();
        }
        else if ( answered == "no") {
            calcTime(1);    // irrelevant

            if(e.which == 81 || e.keyCode == 81) { // Q
                AAA = '#ansQ';
                e.stopPropagation();
                keyNotAns(AAA);
            }
            else if(e.which == 87 || e.keyCode == 87) { // W
                AAA = '#ansW';
                e.stopPropagation();
                keyNotAns(AAA);
            }
            else if(e.which == 69 || e.keyCode == 69) { // E
                AAA = '#ansE';
                e.stopPropagation();
                keyNotAns(AAA);
            }
            else if(e.which == 82 || e.keyCode == 82) { // R
                AAA = '#ansR';
                e.stopPropagation();
                keyNotAns(AAA);
            }
            else {
            }
            waitForInput();
        }
    });

}

Answer 1

每次发生按键事件时，您都会重新绑定(bind)所有内容。

这意味着如果您按 10 个键，您将有 10 个 onclick 监听器。因此，当用户点击时，回调将连续运行 10 次。

您发布的代码不包含对 waitForInput 函数的原始调用，但您只需要调用它一次，因此您可以从该代码中删除它。

jquery 事件快速介绍:

当您绑定(bind)时，每次该事件发生时(在您放置该事件的元素上)，您提供的回调函数都会运行。

另一个提示是，在 jQuery 的最新版本中，有一个名为 one 的替代绑定(bind)。它的作用相同，但只会第一次运行。尽管在这种情况下，您不需要它。