javascript - 使用JavaScript进行碰撞检测。 (检查是否有2个块级元素处于接触状态)

我想检查我的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，则必须提醒游戏结束并返回其位置
我已经检查它是否碰到第一个方框，但是是否有任何简单的检查方法？

最佳答案

您可以这样使用Jquery collision plugin：

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