Javascript 如何使用jquery在鼠标上移动iframe

我试图在jquery中移动鼠标上方的iframe。通过在iframe中捕获鼠标位置，我在这方面取得了一些成功，但是移动的闪烁是极端的

是一个JSFIDLE示例

据我所知，闪烁的原因是每次iframe移动iframe内的x位置时，iframe都会向相反方向跳跃，但我无法找到修复它的方法。

@charlietf

谢谢你的努力，这确实把我引向了正确的方向，我对你的评论投了一票

示例中唯一的问题是，随着iframe x位置的改变，e.pageX也随之改变。这意味着它始终等于0（或接近）

为了克服这个问题，我必须在任何移动发生之前在iframe中添加一个捕获鼠标位置的变量，然后在移动帧时从x变量中删除这个数字

对于那些正在寻找类似东西的人来说。我还将mouseover mouseout事件更改为mouseown mouseup，以使其更易于使用

---

现在我可以从iframe的任何非活动部分拖动iframe

您希望/试图用代码实现什么？它应该粘在鼠标上还是？目标是什么…移动iframe的内容，还是移动iframe本身？移动iframe使其以平滑的动作粘在鼠标上是当前的目标。我无法在JSFIDLE中展示完整的概念，因为它是用于移动触摸而不是鼠标，但是我们的想法是，框架可以通过触摸其中的句柄元素来移动，但不会阻止与框架其余部分的交互。让它顺利进入右侧演示：我猜当鼠标离开左侧的iframe时，您希望它回来吗？现在应该很容易了…在这里迟到，但我敢打赌我所做的会有很大帮助