javascript - マウスがボタンにないのに、なぜボタンをクリックできるのですか?

Question

ポーズボタン付きのjsゲームを作っています。ボタンは正常に機能しますが、マウスがボタンに入り、離れてからクリックすると、効果がトリガーされます。これが私のコードです：

    document.onmousemove=function(mouse){
    mouseX=mouse.clientX-8;
    mouseY=mouse.clientY-8;
    }
    //some time later in code
    if(mouseX > Img.pause.x && mouseX < Img.pause.x+Img.pause.width && mouseY>Img.pause.y&& mouseY<Img.pause.y+Img.pause.height){//checked if mouse in button
    document.getElementById('ctx').style.cursor="pointer";
    document.onclick=function(){
    pause=true;//if mouse in button AND it clicks
    }
    }
    else{
    document.getElementById('ctx').style.cursor="default";  
    }

問題は、マウスがボタン内にある必要はなく、しばらくボタン内にある必要があることです。マウスが内側にあり、クリックする必要があるようにするにはどうすればよいですか?