欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

原生js实现-拖拽div并判断是否重叠

程序员文章站 2023-11-26 23:31:46
原生js实现-拖拽p并判断是否重叠 1.拖动p 2.判断是否和其他p重叠。如果重叠不允许拖动 原理:在拖动开始时获取所有兄弟节点信息,在放置时判断计位置是否和兄弟重叠 判断重叠逻辑:obj2不在ob...

原生js实现-拖拽p并判断是否重叠

1.拖动p

2.判断是否和其他p重叠。如果重叠不允许拖动

原理:在拖动开始时获取所有兄弟节点信息,在放置时判断计位置是否和兄弟重叠

判断重叠逻辑:obj2不在obj1的上下左右,则一定有重叠

原生js实现-拖拽div并判断是否重叠

代码:github代码地址