javascript - Javascript マウス座標

Question

HTML5 / Javascript ゲームに問題があります。私の最初のメニューには、正確な X 座標と Y 座標を提供する「mouseClicked」関数があり、境界線のある領域をクリックするとゲームが開始されます...これは完全に実行されますが、ゲームが終了すると終了画面が表示されますボタンをクリックしたいのですが、うまくいきません。私のコンソールは、未定義の「pageX」のプロパティを読み取ることができないと言っています

これは私を悩ませ続けるセクションからのビューです..私はプログラミングに非常に慣れていないので、しばらくお待ちください:P座標をスキャンする関数を2回使用できますか? :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();
    }        

}