javascript - 如何显示 div 并将其移动到单击鼠标的位置

Question

我有一个打开 div 的链接，它工作正常，但我不能让它移动到鼠标点击的位置。代码如下：

关联：

<a href="#" onclick="show_popup('my_popup')" id="napFilt">Filter</a>

功能：

 function show_popup(id) {               
     if (document.getElementById){ 
         obj = document.getElementById(id); 
         if (obj.style.display == "none") {
             obj.style.display = "";
         } 
     } 
 }

使用JS，如何使显示的div移动到鼠标点击的位置？

Answer 1

确保您“生成”的 div 位于 body 标记中。它应该有“位置：绝对；” 作为CSS属性。然后你这样做：http: //jsfiddle.net/GSxNx/5/

因为我在那里评论了源代码，所以我在这里不加评论。;) 只有一件事：这不是！跨浏览器测试。它在 FF 16.0 中运行良好；）