加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > Linux > 正文

元素拖拽

发布时间:2020-12-14 02:04:44 所属栏目:Linux 来源:网络整理
导读:/* 拖動元素函數 */ 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.onmouse
/* 拖動元素函數 */
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;
    }
}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读