javascript - 检测 Html 元素是否与另一个 Html 元素重叠

Question

在 jQuery 或 Javascript 中，我如何检测一个 img 标签是否与另一个 img 标签重叠？

Answer 1

您可以通过找到 offset 来做到这一点的元素，然后找到 width & height每个。然后只需简单的数学运算即可确定它们是否重叠。

我不会为你做所有的工作，但这应该让你走上正轨:

<div id="one"></div>
<div id="two"></div>

<script>
var offsetOne = $('#one').offset();
var offsetTwo = $('#two').offset();
var widthOne = $('#one').width();
var widthTwo = $('#two').width();
var heightOne = $('#one').height();
var heightTwo = $('#two').height();
</script>

剩下的就是使用两个偏移量的 .top 和 .left 以及宽度和高度来确定是否存在重叠。查看我回答第一段中每个功能的文档链接。