javascript addEventListener for click event event 多次调用函数

Question

我为 Html canvas 元素添加了一个事件监听器单击事件。 函数语句被多次执行。语句第一次执行一次，当我再次调用主 fnction 时，单击会导致相同的函数执行两次，然后执行三次，依此类推

这是听众

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