function stopEvent(evnt){ if(evnt.stopPropagation){ evnt.stopPropagation(); }else{ evnt.cancelBubble=true; } } function stopDefault(evnt){ if(evnt.preventDefault){ evnt.preventDefault(); } else{ evnt.returnValue=false; } } function drag(elementDrag,e){ var startX=e.clientX,startY=e.clientY; var origX=elementDrag.offsetLeft,origY=elementDrag.offsetTop; var deltaX=startX-origX,deltaY=startY-origY; if(document.addEventListener){ document.addEventListener("mousemove",moveHandler,true); document.addEventListener("mouseup",upHandler,true); } else if(document.attachEvent){ elementDrag.setCapture(); elementDrag.attachEvent("onmousemove",moveHandler); elementDrag.attachEvent("onmouseup",upHandler); elementDrag.attachEvent("onlosecapture",upHandler); }else { var oldmovehandler=document.onmousemove; var olduphandler=document.onmouseup; document.οnmοusemοve=moveHandler; document.οnmοuseup=upHandler; } stopEvent(e); stopDefault(e); function moveHandler(evt){ var evt = evt || window.event; elementDrag.style.left=(evt.clientX-deltaX)+"px"; elementDrag.style.top=(evt.clientY-deltaY)+"px"; stopEvent(evt); } function upHandler(evt){ var evt = evt || window.event; if(document.removeEventListener){ document.removeEventListener("mousemove",moveHandler,true); document.removeEventListener("mouseup",upHandler,true); }else if(document.detachEvent){ elementDrag.detachEvent("onlosecapture",upHandler); elementDrag.detachEvent("onmouseup",upHandler); elementDrag.detachEvent("onmousemove",moveHandler); elementDrag.releaseCapture(); }else{ document.οnmοuseup=olduphandler; document.οnmοusemοve=oldmovehandler; } stopEvent(evt); } }
拖拽文档元素
最新推荐文章于 2019-06-11 08:59:59 发布