可拖動div
阿新 • • 發佈:2019-01-23
//div的移動事件
var divMove = {
o: null,
Lastobj: null,
init: function (obj) {
obj.onmousedown = this.start;
},
start: function (e) {
var o;
divMove.o = o = e.target.parentNode;
if (divMove.Lastobj != null) {
divMove.Lastobj.style.zIndex = 1 ;
}
o.style.zIndex = 50;
o.x = e.clientX - o.offsetLeft;
o.y = e.clientY - o.offsetTop;
document.onmousemove = divMove.move;
document.onmouseup = divMove.end;
},
move: function (e) {
var objX, objY;
objX = e.clientX - divMove.o.x;
objY = e.clientY - divMove.o.y;
divMove.o.style.left = objX + 'px' ;
divMove.o.style.top = objY + 'px';
},
end: function () {
divMove.Lastobj = divMove.o;
divMove.o = document.onmousemove = document.onmouseup = null;
}
}