html - 相对于导致事件的字段的 div 弹出窗口

Question

关于如何将div弹出窗口居中放置在屏幕上的很多问题，但我希望将我div popup的移动到触发 JavaScript 的字段旁边的位置。如何以onclick绝对 div 的样式引用事件中字段的位置？

我可以将'this'对象传递给我的函数并更改我的and left，但是我可以用 ' 做什么来影响位置？topabsolute/relative divthis'div

我会尝试类似的东西吗

div.style = "top:this.top";

？？？

Answer 1

如果您使用的是 jQuery，您可以尝试

 var pos = $(this).position();
 $("div#divid").css('top',pos.top).css('left',pos.left);

如果您想使用直接的 javascript，您可以尝试

var div = document.getElementById("divid");
div.style.top = this.offsetTop;
div.style.left = this.offsetLeft;

是否要为 jQuery 使用 .position 或 .offset 或为 javascript 使用 offsetTop/Left clientTop/left 取决于两个元素是否具有相同的父元素。

使用 jQuery 的快速演示：jsfiddle