如何检测两个元素是否接触

Question

所以我想知道你是否可以测试运行 if 语句的两个元素相互接触。我知道我是javascript的新手，我不像其他人那样了解，但是我找不到如何测试两个元素的接触。

例如，我希望它是这样的：

var el = document.getElementById("element1");
var el2 = document.getElementById("element2");
if (el1 touching el2) {
//code
//code
}

是的，我知道这不是你的做法，但我想知道是否有某种方法可以判断两个元素是否接触......

Answer 1

使用 Element.getBoundingClientRect（） 获取他们的盒子。 然后使用碰撞测试（例如 AABB）来查看它们是否相交。

请注意，如果您将任何疯狂的旋转转换应用于任一元素，我认为这将不起作用。