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;
}