Question

这是我正在努力实现的目标：http://jsfiddle.net/fmvmA/

我有两个问题，我正在面对这个例子;我认为这两者都与事件传播有关。当鼠标进入容器时，我想跟随光标有一个div。当光标离开容器时，以下div应该消失。这看起来应该很简单......但是当我移动鼠标时，我遇到了div闪烁的问题，我的猜测是因为当tooltop div出现时，鼠标在技术上离开了容器。

此外，我希望能够单击容器内的任何位置，并将工具提示div的副本附加到单击的位置。这个例子很挑剔...但是如果设置偏移量使得工具提示div不再与鼠标重叠，那么你可以看到它有效。

有没有简单的方法来实现我的两个目标？提前谢谢。

Answer 1

它会闪烁，因为它会在显示工具提示时触发mouseout，因为#ghost在容器之外。将它移到里面它应该全部设置..

<强> HTML：

<div id="container">
  <div id="ghost">
    Click to drop me!
  </div>
</div>

编辑：我在容器内部发现了一个错误，#ghost甚至无法隐藏在容器外面...所以我在{{1}添加了一个偏移量所以它在光标下面显示为#ghost。

<强> JS：

2px

Answer 2

这是一个有效的演示，您需要稍微调整追加定位。根据原始演示

，我只使用了附加方法