Javascript鼠标坐标

我的HTML5/Javascript游戏有问题。在我的第一个菜单上，我有一个函数“mouseClicked”，它给了我精确的X和Y坐标，当我点击一个我已经边界的区域时，游戏将开始。。。这运行完美，但当游戏结束，我的完成屏幕弹出，我想点击一个按钮，但它根本不工作。我的控制台说它无法读取Undefined的“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();
    }        

---

}

是的，你可以，但你想完成什么？当我按下最后一张图片中的区域时，我希望循环，因此游戏重新开始。。。我发现F5没有那么吸引人：DYou似乎缺少一些右大括号-即，if（Playing==false&&over==true）的右大括号。您还缺少一个左括号。您可以在mouseClicked（）末尾调用mouseClicked2（e）并传递事件。如何传递事件？函数mouseClicked（e）{mouseX=e.pageX-canvasBg.offsetLeft；mouseY=e.pageY-canvasBg.offsetTop；if（isplay==false&&over==false）{if（btnPlay.checkClicked（））{playGame（）；}}if（isplay==false&&over==true）{if（btnPlayAgain.checkClicked（））{init（）；}}}}我试图将第二个函数放入第一个函数中，但没有成功。。。pageX还有问题吗