JavaScript的碰撞检测.(检查两个Block Level元素是否接触)

Collision detection with JavaScript. (Check if 2 Block Level elements are touching)

本文关键字：Block 接触 Level 元素 两个 是否 碰撞检测 检查 JavaScript      更新时间：2023-09-26

我想检查一下我的div是否碰到了另一个div

here is my Work

$(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的碰撞插件:

var x = $("#div1").collision(".div2");
相关文章：