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

Question

所以我想知道您是否可以运行 if 语句来测试两个元素是否相互接触。我知道我对 javascript 很陌生，而且我不像其他人那么了解，但我不知道如何测试两个元素的接触。

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

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

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

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

Answer 1

使用Element.getBoundingClientRect()去拿他们的盒子。然后使用碰撞测试，如AABB ，看看它们是否相交。

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