javascript - 使用 JavaScript 进行碰撞检测。 (检查2个 block 级元素是否接触)

Question

我想检查我的 div 是否已触摸另一个 div

这是我的作品

$(document).mousemove(function(event){
        if(getmouse){
            var newX= event.pageX-20;
            var newY= event.pageY-20;
            $('.mybox').css('left',newX + "px");
            $('.mybox').css('top',newY+ "px");
            var checkY = parseInt($('.box1').css('top').slice(0,-2));
            var checkX = parseInt($('.box1').css('left').slice(0,-2));
            var padingval = parseInt($('.box').css('padding').slice(0,-2))*2;
            console.log(checkY+padingval+" - "+newY);
            if((newY==checkY&&newX==checkX)||newY+20<checkY-padingval
               ||newY-20<checkY+padingval)
            {
                alert('Game Over');
                getmouse = false;
                $('.mybox').css('top',"240px");
                $('.mybox').css('left',"420px");
            }
        }
    })

http://jsfiddle.net/48m6rof6

如果我的 div 触摸任何 div，它必须提醒游戏结束并返回其位置我已经检查过它是否触及第一个框，但是是否有任何简单的方法可以检查？

Answer 1

您可以使用Jquery collision plugin像这样:

var x = $("#div1").collision(".div2");