Jquery 隐藏div以显示单击的位置

我需要有一个隐藏的div，并在我点击页面的任何地方显示它。我是否使其位置相对？如何与单击的位置关联？

使用javascript获取光标的位置：

---

并使用position absolute:）将其设置为左侧和顶部css位置。

使用javascript获取光标的位置：

---

并使用position absolute:）将其设置为左侧和顶部css位置。

使用事件的mouseX和mouseY属性

---

然后在单击后设置div的绝对位置。

使用事件的mouseX和mouseY属性

---

然后在单击后设置div的绝对位置。

如果您知道jQuery，那么您可以执行一个简单的

css（{left:e.pageX，top:e.pageY}）

来替换此示例（单击任意位置，您将获得位置）：

代码如下：

这里有一个更好的演示：

来源

---

单击它并观察它在您单击的地方移动。

如果您知道jQuery，那么您可以使用一个简单的

css（{left:e.pageX，top:e.pageY}）

来替换此示例（单击任意位置，您将获得该位置）：

代码如下：

这里有一个更好的演示：

来源

单击它并观察它在您单击的位置移动

---

你是说你想在屏幕上用户点击的地方显示一个div吗？是的。不是精确的像素位置，而是我将在我的页面上有几个链接。div必须位于单击的链接上方。因此，有一个div需要出现在用户单击的任何链接上方？或者有不同的div，需要显示其中的一个相关div？您是说希望在屏幕上用户单击的点显示div吗？是的。不是精确的像素位置，而是我将在我的页面上有几个链接。div必须位于单击的链接上方。因此，有一个div需要出现在用户单击的任何链接上方？或者有不同的div，相关的div需要出现？伙计，他没有提到jquery:）@SnippetSpace问题被标记为jquery，不是吗？就是这样。它被标记为jquery：（仅供参考，因为你反对而投票给你。因为他们错过了jquery标记而投票给你。杜德，他没有提到jquery:）。@SnippetSpace问题被标记为jquery，不是吗？就是这样。它被标记为jquery：（仅供参考，向上投票是因为您反对。向下投票是因为他们错过了jquery标记如果您想将其设置在光标上方，只需从位置移除div的高度：）如果您想将其设置在光标上方，只需从位置移除div的高度：）

$(document).click(function(e){ //Change the "document" to whatever you want
  alert('x: '+e.pageX+', y:'+e.pageY);
});

$(document).click(function(e) {
    var height = $('#popup').height();
    var width = $('#popup').width();
    leftV = e.pageX - (width / 2) + "px";
    topV = e.pageY - (height / 2) + "px";
    $('#popup').css({
        left: leftV,
        top: topV
    }).toggle();
});


.popup{
    position:absolute;
    background:#cf5;
    z-index:10;
    width:100px;
    height:100px;
    text-align:center;
    color:#4e4e4e;
    display:none;
}