javascript addEventListener for click event多次调用函数

Question

我为HTML画布元素的click事件添加了事件监听器。 函数语句多次执行。 第一次执行一次语句，当我再次调用主函数时，单击使同一函数执行两次，然后执行三次，依此类推

这是听众

 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添加控制台日志，以帮助检测其是否被多次调用。