var oBox=document.getElementById("cinema"); //拖动层
var win=document.getElementById("myspace1"); //窗口层
var disX = disY = 0;
var bDrag = false;
//鼠标按下, 激活拖拽
oBox.onmousedown = function (event){
var event = event || window.event;
bDrag = true;
disX = event.clientX - oBox.offsetLeft;
disY = event.clientY - oBox.offsetTop;
this.setCapture && this.setCapture();
return false;
};
//拖拽开始
document.onmousemove = function (event){
if (!bDrag) return;
var event = event || window.event;
var iL = event.clientX - disX;
var iT = event.clientY - disY;
var minL=win.clientWidth-oBox.offsetWidth;
var minT=win.clientHeight-oBox.offsetHeight;
var maxL = 0;
var maxT = 0;
iL = iL < minL ? minL : iL;
iL = iL > maxL ? maxL : iL;//
iT = iT < minT ? minT : iT;
iT = iT > maxT ? maxT : iT;//
oBox.style.marginTop = oBox.style.marginLeft = 0;
oBox.style.left = iL + "px";
oBox.style.top = iT + "px";
return false;
};
//鼠标释放, 结束拖拽
document.onmouseup =oBox.onlosecapture = function (){
bDrag = false;
oBox.releaseCapture && oBox.releaseCapture();
};
网上找的一个例子,然后自己修修改改,留下了自己需要的东西,分享下。
鼠标拖动div
最新推荐文章于 2022-12-19 15:58:26 发布