窗口drag 拖拽

     let drag = {
            init(Dom) {
                this.targetDom = Dom
                this.dragDrop();
            },
            dragDrop() {
                this.targetDom.onmousedown = (e) => {
                    console.log(e)
                    let lastX = e.clientX;
                    let lastY = e.clientY;
                    console.log(this.targetDom.style.offsetLeft);
                    console.log(this.targetDom.style.offsetTop)
                    document.onmousemove = (e) => {
                        let newX = e.clientX;
                        let newY = e.clientY;

                        let disX = newX - lastX;
                        let disY = newY - lastY;
                        console.log(disX,disY)
                        let newLeft = disX + this.targetDom.offsetLeft;
                        let newTop = disY + this.targetDom.offsetTop;
                        this.targetDom.style.left = newLeft + 'px';
                        this.targetDom.style.top = newTop + 'px';
                        lastX = newX;
                        lastY = newY;
                    }
                }
                this.targetDom.addEventListener("mouseup", () => {
                    document.onmousemove = null;
                })
            },

        }

        let Dom = document.querySelector(".drag")
        drag.init(Dom)
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。