我有两个div元素。他们每个人都有450px的宽度和高度。如何检查第一个div是否与第二个div重叠？
我尝试使用javascript hittest，但是有点复杂。由于我试图找出其实际工作方式，因此我想从一个简单的代码开始。
我发现可以使用 .getClientRects 来获取元素的边界，但是我不确定如何比较边界。
请给我提意见！
类似这样的东西，rect1并rect2通过getBoundingClientRect（）进行检索：
rect1
rect2
var overlap = !(rect1.right < rect2.left || rect1.left > rect2.right || rect1.bottom < rect2.top || rect1.top > rect2.bottom)
说明：如果括号中的一个或多个表达式为true，则没有重叠。如果全部为false，则必须存在重叠。
true
false
