js 拖拽功能，可判断是否重叠

来源：互联网发布：iphone淘宝指纹支付编辑：程序博客网时间：2024/04/28 18:15

<body>

#plane1 {position:absolute; left:290px; top:170px; z-index:0}

#plane2 {position:absolute; left:400px; top:250px; z-index:0}

#plane3 {position:absolute; left:500px; top:250px; z-index:0}

</style>

<SCRIPT LANGUAGE="JavaScript">
var isNav, isIE
if (parseInt(navigator.appVersion) >= 4) {
    if (navigator.appName == "Netscape") {
        isNav = true
    } else {
        isIE = true
    }
}
function setZIndex(obj, zOrder) {
if(isNav)
{
  obj.style.zIndex=zOrder;
}else{
  obj.zIndex = zOrder;
}
//alert(obj.style.zIndex);
}
function shiftTo(obj, x, y) {
    if (isNav) {
//obj.MoveTo(x,y);
        obj.style.left = x;
  obj.style.top =y;
    } else {
        obj.pixelLeft = x
        obj.pixelTop = y
    }
}
var selectedObj
var offsetX, offsetY
var divObj;
var moveobj;
function setSelectedElem(evt,name) {
    if (isNav) {
  x=evt.screenX;
  y=evt.screenY;
  moveobj=name;
  selectedObj=moveobj;
  setZIndex(selectedObj,100);
  //alert(name.offsetTop);
  //name.style.top="500px";
  return
    } else {
        var imgObj = window.event.srcElement//
        if (imgObj.parentElement.id.indexOf("plane") != -1) {
   moveobj= imgObj.parentElement;
            selectedObj = imgObj.parentElement.style;
            setZIndex(selectedObj,100);
            return
        }
    }
    selectedObj = null
    return
}
function dragIt(evt) {
    if (selectedObj) {
        if (isNav) {
            shiftTo(selectedObj, (evt.pageX - offsetX), (evt.pageY - offsetY))
   x=moveobj.offsetLeft;
   y=moveobj.offsetTop;
   name=moveobj.id+"";
   setXY(name,x,y);
   return false
        } else {
            shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY - offsetY))
   //////////////////////
   x=moveobj.offsetLeft;
   y=moveobj.offsetTop;
   name=moveobj.id+"";
   setXY(name,x,y);
   //////////////////////////
            return false
        }
    }
}
function engage(evt,name) {
    setSelectedElem(evt,name)
//alert(selectedObj);
    if (selectedObj) {
        if (isNav) {
            offsetX = evt.pageX - moveobj.offsetLeft
   //alert(selectedObj.left);
            offsetY = evt.pageY - moveobj.offsetTop
   //alert(offsetY);
        } else {
            offsetX = window.event.offsetX
            offsetY = window.event.offsetY
        }
  //alert(offsetY);
    }
    return false
}
function release(evt) {
    if (selectedObj) {
  ////////////////////////////////////////////
  if(isNav)
  {
   x=moveobj.offsetLeft//evt.pageX;
   y=moveobj.offsetTop//evt.pageY;

  }else{
   x=moveobj.offsetLeft;
   y=moveobj.offsetTop;
  }
  id=moveobj.id;
  //alert(x);
  if(!getsup(id,x,y))
  {
   alert("重叠");
  }
  /////////////////////////////////////////////////////////
        setZIndex(selectedObj, 0)
        selectedObj =null
  moveobj = null
    }
}
function setNavEventCapture() {
    if (isNav) {
        document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP)
    }
}
function init() {
    if (isNav) {
        setNavEventCapture()
    }

   ///////////////////////////////////////////////
   s=document.all.tags('div');
//alert(s.length);
for(i=0;i<s.length;i++)
{
  //alert(s[i].id.indexOf("plane"));
  if(s[i].id.indexOf("plane") == 0)
  {
   objs=s[i];
   name=objs.id;
   //alert(name);
   x=objs.offsetLeft;
   y=objs.offsetTop;
   w=objs.offsetWidth;
   h=objs.offsetHeight;
   setXY(name,x,y,w,h);
  }
}
//msg();
/////////////////////////////////////////////////

    //document.onmousedown = engage;
    document.onmousemove = dragIt
    document.onmouseup = release
//plane1.style.top="1000px";
}

function msg()
{
str='';
for(i=0;i<a.length;i++)
{

str+=a[i][0]+a[i][1]+a[i][2]+"??"+a[i][3]+a[i][4]+"@@";

}
alert(str);
}

</SCRIPT>

js 拖拽功能 ，可判断是否重叠

js 拖拽功能，可判断是否重叠