javascript - 确定一个节点是否与另一个节点重叠

Question

在 jQuery 中是否有可能知道一个节点是否与另一个节点重叠？

Answer 1

那么，您想检测重叠吗？然后这个:

var overlaps = (function () {
    function getPositions( elem ) {
        var pos, width, height;
        pos = $( elem ).position();
        width = $( elem ).width();
        height = $( elem ).height();
        return [ [ pos.left, pos.left + width ], [ pos.top, pos.top + height ] ];
    }

    function comparePositions( p1, p2 ) {
        var r1, r2;
        r1 = p1[0] < p2[0] ? p1 : p2;
        r2 = p1[0] < p2[0] ? p2 : p1;
        return r1[1] > r2[0] || r1[0] === r2[0];
    }

    return function ( a, b ) {
        var pos1 = getPositions( a ),
            pos2 = getPositions( b );
        return comparePositions( pos1[0], pos2[0] ) && 
               comparePositions( pos1[1], pos2[1] );
    };
})();

用法:

if ( overlaps( node1, node2 ) ) {
    // ...
}

现场演示: http://jsfiddle.net/98sAG/