微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

元素拖拽

/* 拖動元素函數 */
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;
    }
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐