一旦开始任何对象拖动，如何使 iframe 跟随鼠标光标？

Question

How to make the iframe follow the mouse cursor as soon as the drag (of any object eg. image, text, etc.) is started?

Thanks in advance.

Answer 1

Usually mouse events from elements inside an iframe don't propagate to the frame itself. You can add handlers to the elements inside the frame to do trigger the necessary events on the iframe.

A simple example using jQuery UI:

var $els = $("*", frames['frame'].document );
$els.bind("mousedown mousemove mouseup",function(e) { $('#frame').trigger(e); })
$els.bind("drag",function(e) { $('#frame').trigger(e); return false; });

$('#frame').draggable();