Código
<!DOCTYPE html> <html> <head> <title>My JS Desktop</title> <style type="text/css"> #barraMover { position:absolute; top: 100px; left: 500px; } iframe{ position:absolute; top: 125px; left: 500px; } </style> <script type="text/javascript"> function mover(){ var div = document.getElementById('barraMover'); document.addEventListener('mousemove',function(barra) { x = barra.pageX+"px"; y = barra.pageY+"px"; div.style.left = x; div.style.top = y; document.getElementById("mouse_x").value = x; document.getElementById("mouse_y").value = y; }); } </script> </head> <body background="wallpaper.jpg"> <div id="contenedor"> <div style="text-align: right; background: white;"> mouse_x: <input type="text" id="mouse_x"/> mouse_y: <input type="text" id="mouse_y"/> </div> <div id="barraMover" onMouseDown="mover()"> <img onMouseDown="return false" src="title_bar.jpg" width="500px" height="25px"/> </div> <iframe src="program_test.html" width="496px" height="500px"/> </div> </body> </html>
Como funcionar funciona, pero no tiene el onMouseUp para que suelte el div