用于click事件的javascript addEventListener多次调用这些函数

Question

我在Html canvas元素的click事件中添加了一个事件Listener。 函数语句多次执行。第一次语句执行一次，当我再次调用主函数时，单击导致相同的函数执行两次然后三次等等

这是听众

 function initializeNewGame() {

        // Set block 
        cur = new Date();
        countDownDate = new Date(cur.getTime() + 5*60010).getTime();
        moves = 0;
        BLOCK_WIDTH = Math.round(BLOCK_IMG_WIDTH / TOTAL_COLUMNS);
        BLOCK_HEIGHT = Math.round(BLOCK_IMG_HEIGHT / TOTAL_ROWS);

        document.getElementById("canJigsaw").addEventListener("click", myFunction);

        function myFunction() {
            moves = moves + 1;  

            } 

        SetImageBlock();

        DrawGame();
    }

Answer 1

确保只调用initializeNewGame一次。每次调用它时，它都会添加另一个单击处理程序。这意味着每次点击都可以多次调用myFunction。\

尝试在initializeNewGame中添加控制台日志，以帮助检测是否多次调用它。