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

Question

所以我想知道您是否可以运行if语句来测试两个相互联系的元素。 我知道我是Java语言的新手，我对其他语言的了解不多，但是我找不到如何测试两个元素的联系方式。

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

var el = document.getElementById("element1");
var el2 = document.getElementById("element2");

if (el1 touching el2) {
//code
//code
}

是的，我知道这不是您的工作方式，但我想知道您是否可以通过某种方式判断两个要素是否在接触……

Answer 1

使用Element.getBoundingClientRect（）获取其框。 然后使用碰撞测试（例如AABB ）查看它们是否相交。

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