JSのマウスイベントを一つドラッグして移動します.

859 ワード

Document // //1. div //2. div wrap.onmousedown = function(e){ var e = e || window.event; // var h = e.clientY; var w = e.clientX; console.log(h,w); // var ex = w - wrap.offsetLeft; var ey = h - wrap.offsetTop; document.onmousemove = function(h){ var h = h||window.event; var h1 = h.clientY; var w1 = h.clientX; console.log(h1,w1); wrap.style.left=(w1-ex)+"px"; wrap.style.top=(h1-ey)+"px"; } } wrap.onmouseup =function(){ document.onmousemove = null; }