Javascript 如何在相对定位的元素中获取鼠标的坐标？

我想在鼠标指针上定位一个元素

$菜单

（单击）

$菜单

位于

$图标

内，该图标具有

位置：相对

。（

$menu

具有绝对位置。）

$（文档）.ready（函数（）{
$（“a”）。单击（功能（ev）{
变量$icon=$（ev.currentTarget）
var$menu=$icon.next（）
var thisPos=$icon.position（）
var x=ev.clientX
变量y=ev.clientY
$menu.css（'top'，y+'px'）
$menu.css（'left'，x+'px'）
});
})

nav>ul[_v-2e9e2f12]{
背景#3a3c3a；
保证金：0；
填充：10px；
位置：绝对位置；
排名：0；
左：0；
身高：100%；
z指数：9999；
盒影：2px01pxRGBA（0,0,0,0.1）；
}
导航>ul li[_v-2e9e2f12]{
显示：块；
边际：0.08像素；
文本对齐：居中；
位置：相对位置；
-webkit转换：所有0.2秒易入易出；
过渡：所有0.2秒缓进缓出；
宽度：48px；
高度：48px；
背景：#ccc；
}
ul[_v-0078ee36]{
背景#3a3c3a；
位置：绝对位置；
边界半径：3px；
盒影：0 2px1pRGBA（0,0,0,0.1）；
}
a[_v-2e9e2f12]{
显示：块；
宽度：48px；
高度：48px；
}

你好




你好

使用

offsetX

和

offsetY

而不是

客户端

var x = ev.offsetX;
var y = ev.offsetY;

---

谢谢！为什么它与

offset

一起工作，而与

client

不一起工作？@alexchenco clientX和clientY将通过考虑视图端口为您提供坐标，而offsetX和offsetY将通过考虑您单击的元素为您提供坐标。