javascript - 使用 JavaScript 在链接/光标位置放置弹出式 div 的最简单方法是什么？

Question

我需要在用户点击某个链接时创建一个小的弹出信息框。基本上只是一个隐藏的 div，它几乎像工具提示一样漂浮在该位置的内容上方，但需要单击。

我试过将 event.clientX 和 clientY 传递给 style.left 和 style.right 属性，但它似乎没有把它放在正确的位置。

只是想知道我是否忽略了一种非常简单的方法。

Answer 1

我建议您使用 jQuery为了这;它使 Javascript 更易于编写。

您的问题是 event.clientX(和 Y)与事件来源的元素相关。你需要在IE中使用event.pageX和event.pageY，或者event.x和event.y .

如果您使用 jQuery 处理事件，它会自动修复问题，让您只需使用 pageX 和 pageY。