javascript - Javascript鼠标坐标

Question

我的 HTML5 / Javascript 游戏有问题。在我的第一个菜单上，我有一个功能“mouseClicked”，它给了我精确的 X 和 Y 坐标，当我点击一个我有边界的区域时，游戏将开始......这运行得很完美，但是当游戏结束并且我的完成屏幕弹出时我想点击一个按钮，但它根本不起作用。我的控制台说它无法读取未定义的“pageX”的属性

这是一直困扰我的部分的视图。我对编程很陌生，所以请耐心等待我：P 我可以使用两次扫描我的坐标的功能吗？:o

function mouseClicked(e) {
mouseX = e.pageX - canvasBg.offsetLeft;
mouseY = e.pageY - canvasBg.offsetTop;
if (Playing == false && over == false) {
    if (btnPlay.checkClicked()) {  //this works great
        playGame();
    }
}
if (Playing == false && over == true)
    if (btnPlayAgain.checkClicked()) {
        init();
    }

}

function mouseClicked2(e) {
mouseX = e.pageX - canvasFinish.offsetLeft;
mouseY = e.pageY - canvasFinish.offsetTop;
if (isPlaying == false && over == true)
    if (btnPlayAgain.checkClicked()) {   // cannot load pageX 
        init();
    }        

}