如何显示一个div并将其移动到鼠标的位置点击

-1

我有一个打开div的链接，它工作正常，但我无法将它移动到鼠标单击的位置。代码如下：如何显示一个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移动到鼠标的位置单击？

来源

2012-10-05 Ivan Marijanović

一个类似的问题http://stackoverflow.com/questions/3521248/how-do-i-position-a-div-next-to-a-mouse-click-使用-jquery – AurA

你需要一个纯JavaScript解决方案？ –

是的，我想纯JavaScript！如果可能！ katspaugh我正在寻找bootstrap，但想知道“vanila”解决方案。 –

确保您正在“产卵”的div在body标签中。它应该有“位置：绝对的”。作为CSS属性。然后你这样做：http://jsfiddle.net/GSxNx/5/

我在这里留下这个漂亮的评论，因为我评论过源代码。 ;）只有一件事：这不是！ crossbrowser测试。它工作虽然相当不错，在FF 16.0;）

来源

2012-10-05 12:02:22 func0der

非常感谢。这工作得很好。我在Chrome和IE 9上试过了，效果很好。 Ivan –

我很高兴听到这个消息;） – func0der

如何显示一个div并将其移动到鼠标的位置点击

回答

相关问题