单击undefined

Question

我正在尝试向画布添加一个事件侦听器来侦听单击画布上显示的图像，但是当我在浏览器中查看该页面并单击该图像时，控制台显示“单击” ：undefined“错误。

这是错误所指的功能：

myGameCanvas.addEventListener('click', function(e){
                console.log('click: ' + e.offsetX + '/' + e.offsetY);
                var buttonHit = collides(StartButton, e.offsetX, e.offsetY);
                if(buttonHit){
                    alert('collision: ' + buttonHit.x + '/' + buttonHit.y);
                } else {
                    console.log('no collision');
                }
            }, false);

特别是，第二行表示“click：undefined / undefined”，第三行表示“未定义碰撞”。有人能指出我在这里做错了吗？

基本上，我想要发生的是，当单击按钮时会调用名为drawLevelOneElements（）的方法，并且它会更新画布上显示的内容。