如何检测两个<div>元素是否发生碰撞?
两个div是相互垂直的简单彩色盒子,因此没有复杂的形状或角度.
我想使用JavaScript来检查一个div元素(可以被拖动)是否正在触及另一个div元素.
这是一些代码:
<div id="draggable" style="position: absolute; top: 100px; left: 200px; background-color: red; width: 100px; height: 100px;"></div>
<div style="background-color: green; width: 100px; height: 100px;"></div>
Run Code Online (Sandbox Code Playgroud)
可以这样做吗?
如果是这样,怎么样?
编辑:我不想使用jQuery,只是简单的旧JavaScript!