Javascript 如何获取鼠标相对于背景img的位置

我需要在divs背景img上获取鼠标位置

这是css：

width: 100%;
height: 100%;   
background-image: url("default.png");
background-size: contain;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center; 

这是html:

任何帮助都将不胜感激

-----------------编辑-------------------- img的大小是固定的，因此不会填满整个浏览器屏幕。

使用一个

div.addEventListener（“mousemove”，函数（e）{
控制台日志（e.layerX，e.layerY）
}，false）

#div{
宽度：400px；
高度：400px；
边框：1px黑点
}

---

如果您只需要特定元素中的位置，可以使用：

let x = event.clientX;
let y = event.clientY;

如果您想知道

事件从何而来：

document.querySelector("#div").addEventListener("click",(event)=>{
  let x = event.clientX;
  let y = event.clientY;
});

然后你可以用
x
和
y
做任何你想做的事

看一个例子：


document.querySelector（“#div”）.addEventListener（“单击”，“事件）=>{
log（`x:${event.clientX}，y:${event.clientY}`）；
});
正文{
边距：0；填充：0；
}
#div{
位置：绝对位置；
宽度：100%；
身高：100%；
背景：红色；
}