这是一个非常简单的边界矩形例程。该公司预计双方a并b能与对象x，y，width和height属性：

function isCollide(a, b) {
    return !(
        ((a.y + a.height) < (b.y)) ||
        (a.y > (b.y + b.height)) ||
        ((a.x + a.width) < b.x) ||
        (a.x > (b.x + b.width))
    );
}

要查看此功能的实际效果，请参阅@MixerOID慷慨制作的代码笔。

首先需要的是实际功能，它会检测您是否在球和物体之间发生碰撞。

为了性能，实现一些粗略的碰撞检测技术会很好，例如，边界矩形，如果需要，如果检测到碰撞，可以使用更准确的技术，这样您的函数将运行得更快一点，但恰好使用相同的循环。

另一个有助于提高性能的选项是对您拥有的对象进行一些预处理。例如，您可以像通用表格一样将整个区域分成单元格，并存储包含在特定单元格中的适当对象。因此，要检测碰撞，您正在检测球占据的单元格，从这些单元格中获取对象并使用碰撞检测功能。

为了加快速度，您可以实现2d-tree、quadtree或R-tree。

没有 jQuery 的答案，以 HTML 元素作为参数：

这是一种更好的方法，可以检查元素在视口上显示时的真实位置，即使它们是绝对的、相对的或已通过转换进行操作：

function isCollide(a, b) {
    var aRect = a.getBoundingClientRect();
    var bRect = b.getBoundingClientRect();

    return !(
        ((aRect.top + aRect.height) < (bRect.top)) ||
        (aRect.top > (bRect.top + bRect.height)) ||
        ((aRect.left + aRect.width) < bRect.left) ||
        (aRect.left > (bRect.left + bRect.width))
    );
}

你可以试试jquery-collision。完全披露：我刚刚写了这个并发布了它。我没有找到解决方案，所以我自己写了一个。

它允许您执行以下操作：

var hit_list = $("#ball").collision("#someobject0");

这将返回与“#ball”重叠的所有“#someobject0”。

bcm 的答案，此时有 0 票，实际上是一个很好的，被低估的答案。它使用古老的毕达哥拉斯来检测物体何时比它们的组合边界圆更近。简单的碰撞检测通常使用矩形碰撞检测，如果您的精灵倾向于是矩形，这很好。如果它们是圆形的（或其他小于矩形的），例如球、小行星或任何其他极端角通常是透明的形状，您可能会发现这种高效的例程是最准确的。

但为了清楚起见，这里是代码的更完全实现版本：

function doCollide(x1, y1, w1, x2, y2, w2) {
    var xd = x1 - x2;
    var yd = y1 - y2;
    var wt = w2 + w1;
    return (xd * xd + yd * yd <= wt * wt);
}

其中传入的参数是两个不同精灵对象的 x、y 和宽度值。