div popup相对于导致事件的字段

Question

有关如何将div弹出屏幕置于屏幕中心的大量问题，但我希望将div popup移动到触发JavaScript的字段旁边的位置。如何以我的绝对div风格参考onclick事件中的字段位置？

我可以将'this'对象传递给我的函数并更改left top的{​​{1}}和absolute/relative，但我可以用'{ {1}}影响div位置？

我会尝试像

这样的东西

this'

???

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