Javascript 在容器内查找实时鼠标坐标

所以我尝试了JavaScript坐标并创建了一个容器，其中鼠标的x和y坐标将显示在容器中

该代码几乎可以正常工作，只是它仅在我进入容器时显示坐标，并且除非我重新进入容器，否则不会更改。代码如下：-

深红国王
身体{
显示器：flex；
对齐项目：居中；
对齐内容：居中对齐；
}
.集装箱{
宽度：500px；
高度：400px；
背景颜色：深红色；
保证金：自动；
颜色：白色；
垫面：2rem；
文本对齐：居中；
}
const box=document.querySelector（“.container”）；
box.addEventListener（'mouseover'，e=>{
设x=event.clientX；
设y=event.clientY；
常数坐标=`
x的坐标是${x}，y的坐标是${y}
`
box.innerHTML=coords；
});

const-box=document.querySelector（'.container'）；
box.addEventListener（'mousemove'，e=>{
设x=event.clientX；
设y=event.clientY；
常数坐标=`
x的坐标是${x}，y的坐标是${y}
`;
box.innerHTML=coords；
});

深红国王
身体{
显示器：flex；
对齐项目：居中；
对齐内容：居中对齐；
}
.集装箱{
宽度：500px；
高度：400px；
背景颜色：深红色；
保证金：自动；
颜色：白色；
垫面：2rem；
文本对齐：居中；
}
使用
mousemove
不
mouseover