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)
窗口drag 拖拽
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。