Javascript鼠标坐标

Question

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

这是一个让我烦恼的部分的视图..我对编程非常陌生，所以请耐心等待我：P我可以使用两次扫描我的坐标的功能吗？ ：○

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();
    }        

}