游戏结束时javascript停止所有功能

Question

我需要停止这个函数的执行:

document.addEventListener("keypress", function(evt) {

    evt = evt || window.event;
    var charCode = evt.keyCode || evt.which;
    var charStr = String.fromCharCode(charCode);

    checkKey(charStr);

    //check loss
    if (attempt == 0) {
        gameLost();
    }

    //check win
    underscoreRemain = nameReform.includes("_");
    if (!underscoreRemain) {
        gameWon();
    }

    document.getElementById("attempt").innerHTML = attempt;
});

基本上，当游戏获胜或失败时，不再需要按下任何按键，因此不会执行我的其余功能。我查看了 w3school 和 stackoverflow，但removeEnventListener 和其他建议的方法不起作用。

Answer 1

通过在适当的时间将原始函数对象传递给removeEventListener来删除事件监听器。

请注意，我给了该函数一个名称。

document.addEventListener("keypress", function handler(evt) {

    // evt = evt || window.event; // This line is unnecessary

    var charCode = evt.keyCode || evt.which;
    var charStr = String.fromCharCode(charCode);

    checkKey(charStr);

    //check loss
    if (attempt == 0) {
        gameLost();

        // Remove the listener
        this.removeEventListener(event.type, handler);
    }

    //check win
    underscoreRemain = nameReform.includes("_");
    if (!underscoreRemain) {
        gameWon();

        // Remove the listener
        this.removeEventListener(event.type, handler);
    }

    document.getElementById("attempt").innerHTML = attempt;
});