Un'idea che ho è quello di mettere un elemento trasparente (come un div) davanti al iframe e quindi intercettare gli eventi fare clic e spostare il mouse lì per fare la resistenza iframe intorno.
Ho fatto così qui in questo plunker.
Il codice, come si vede di seguito, è appena sufficiente per superare questa idea e quali passaggi sono necessari per ottenere il iframe di muoversi. Ha alcuni difetti (sposta il mouse velocemente) ma potresti fare alcune cose per risolvere quei problemi.
<!DOCTYPE html>
<html>
<head>
<style>
iframe, div {
position: absolute;
left: 20px;
top: 20px;
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<iframe id="iframe" src="if.html"></iframe>
<div id="div" onmousedown="startDrag(event)" onmouseup="stopDrag()" onmousemove="moveDrag(event)"></div>
</body>
<script>
var objDiv = document.getElementById("div");
var objDivCoordinates = {left: 20, top: 20};
var objIframe = document.getElementById("iframe");
var mouseX = null;
var mouseY = null;
var dragging = false;
function startDrag(e) {
mouseX = e.clientX;
mouseY = e.clientY;
dragging = true;
objIframe.contentWindow.document.writeln("Starting Drag...<br>");
}
function moveDrag(e) {
if(!dragging) return;
var changeX = mouseX - e.clientX;
var changeY = mouseY - e.clientY;
objDivCoordinates.left -= changeX;
objDivCoordinates.top -= changeY;
objDiv.style.left = objDivCoordinates.left+"px";
objDiv.style.top = objDivCoordinates.top+"px";
objIframe.style.left = objDiv.style.left;
objIframe.style.top = objDiv.style.top;
mouseX = e.clientX;
mouseY = e.clientY;
}
function stopDrag(e) {
dragging = false;
}
</script>
</html>
Il nodo è javascript, ma non è sul lato client. Non conosce gli eventi del DOM o del mouse, ma fornisce solo contenuti al client. Quindi, ho intenzione di uscire su un arto qui e dire che non è possibile. – HeadCode
Il nodo non può comunicare con eventi mouse nativi, come qualsiasi app GUI nativa? – yarden
Non sembra. Semplifica l'inclusione dei moduli nodo nel codice html, ma è diverso dal conoscere il nodo degli eventi del mouse. – HeadCode