javascript - 找不到错误 - 太多的解雇

Question

(修改了一些拼写错误)

所以这里有一段代码，它会在用户对 MPC 问题给出的每个答案中 self 重复:

• 它触发问题，生成 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)替代方法。它的作用相同，但只会在第一次运行。尽管在这种情况下，您不需要它。