元素拖拽

概述/* 拖動元素函數 */function Drag(element) { element.onmousedown = function(event) { var distanceX=event.clientX-this.offsetLeft; var distanceY=event.clientY-this.offsetTop;

/* 拖動元素函數 */function Drag(element) {             element.onmousedown = function(event) {        var distanceX=event.clIEntX-this.offsetleft;        var distanceY=event.clIEntY-this.offsettop;        if(element.setCapture)element.setCapture();        document.onmousemove=function(event){            var distanceleft=event.clIEntX-distanceX;            var distancetop=event.clIEntY-distanceY;            if(distanceleft<0){                distanceleft=0;            }else if (distanceleft>document.documentElement.offsetWIDth-element.offsetWIDth){                distanceleft=document.documentElement.offsetWIDth-element.offsetWIDth;            }            if(distancetop<0){                distancetop=0;            }else if(distancetop>document.documentElement.offsetHeight-element.offsetHeight){                distancetop=document.documentElement.offsetHeight-element.offsetHeight;            }            element.style.left=distanceleft+‘px‘;            element.style.top=distancetop+‘px‘;        }        document.onmouseup=function(){            document.onmousemove=document.onmouseup=null;            if(element.releaseCapture)element.releaseCapture();        }        return false;    }}

总结

以上是内存溢出为你收集整理的元素拖拽全部内容，希望文章能够帮你解决元素拖拽所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。