javascript - 如何阻止 div 在函数中的特定点获取任何输入

Question

得到了井字棋游戏的代码，它已经基本完成了。 https://jsfiddle.net/mnc5ytp6/

我遇到了一个问题，我似乎找不到解决方案。基本上，这一切都很好，直到有人赢得游戏，之后如果 X 和 0 的方 block 未填充，玩家仍然可以填充它们，如果它再次达到 3X 或 30，分数就会上升。

我的问题是:如果玩家提前获胜，如何阻止未填充的方格？

if(checkForWinner()){
        if(currentTurn === 2){ // X player wins
            alert(`${player1Name} won this round.`)
            player1score++
            document.querySelector('#player_one_score').innerText = player1score

        }
        else{
            alert(`${player2Name} won this round.`)
            player2score++
            document.querySelector('#player_two_score').innerText = player2score

        }

Answer 1

或者，您可以删除点击处理程序。在上述代码中，您有 position.addEventListener('click', (e) =>{})。将该箭头函数提取为普通的命名函数，例如clickHandler(){}。然后，如果您获胜(意味着“游戏结束”)，则对所有位置执行 position.removeEventListener('click', clickHandler)。在新游戏中，您可以重新设置点击处理程序。这是它的文档。 https://developer.mozilla.org/ru/docs/Web/API/EventTarget/removeEventListener