如何显示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/

由于我在那里评论了源代码，因此我在这里留下了非常好的注释。 ;） 只有一件事：这不是！ crossbrowser测试。它在FF 16.0中运行良好;）