Javascript 为什么画布矩形的颜色会被卡住？

我做了一个游戏，玩家按下在随机位置移动的矩形，增加分数。这是我的密码：

页面标题
身体{
保证金：0；
填充：0；
背景颜色：蓝色；
}
#d{
位置：绝对位置；
}
var can=document.getElementById（“c”）；
var can2=document.getElementById（“d”）；
can.height=window.innerHeight；
can.width=window.innerWidth；
can2.height=window.innerHeight；
can2.width=window.innerWidth；
var s=can.getContext（“2d”）；
var s2=can2.getContext（“2d”）；
var点=0；
函数move（）{
h=Math.ceil（Math.random（）*（can2.height-60））+20；
w=Math.ceil（Math.random（）*（can2.width-50））+20；
s2.clearRect（0,0，window.innerHeight，window.innerWidth）；
s2.fillRect（this.w，this.h，60,60）；
}
功能公司{
s、 clearRect（0，0，window.innerHeight，window.innerWidth）；
s、 填充文本（点数++，300，40）；
返回点；
}
s、 font=“bold 35px Arial”；
s、 textAlign=点；
s、 填充文本（点，300，40）；
s2.fillStyle=“#DEF012”；
s2.fillRect（60,60,58,55）；
设置间隔（移动，200）；

调用clearRect时，参数是向后的

还要注意的是，似乎您的意思是#c canvas也是position:absolute

页面标题
身体{
保证金：0；
填充：0；
背景颜色：蓝色；
}
#d{
位置：绝对位置；
}
var can=document.getElementById（“c”）；
var can2=document.getElementById（“d”）；
can.height=window.innerHeight；
can.width=window.innerWidth；
can2.height=window.innerHeight；
can2.width=window.innerWidth；
var s=can.getContext（“2d”）；
var s2=can2.getContext（“2d”）；
var点=0；
函数move（）{
h=Math.ceil（Math.random（）*（can2.height-60））+20；
w=Math.ceil（Math.random（）*（can2.width-50））+20；
s2.clearRect（0,0，window.innerWidth，window.innerHeight）；
//s2.clearRect（0,0，window.innerHeight，window.innerWidth）；
s2.fillRect（this.w，this.h，60,60）；
}
功能公司{
s、 clearRect（0，0，window.innerHeight，window.innerWidth）；
s、 填充文本（点数++，300，40）；
返回点；
}
s、 font=“bold 35px Arial”；
s、 textAlign=点；
s、 填充文本（点，300，40）；
s2.fillStyle=“#DEF012”；
s2.fillRect（60,60,58,55）；
设置间隔（移动，200）；

我会创建一个长方体对象并检查其坐标，而不是在另一个画布上移动一个画布。
诸如此类：

let box={x:somestartingvalue，y:etc，w:60，h:60}；
函数getMousePos（）{…}
函数canvasconclick（）{
让鼠标=getMousePos（）；
如果（mouse.x>=box.x&&mouse.x=box.y&&mouse.y