js中判断2个div是否有交集

在做东西时,需要判断当2个div没有交集的时候再处理一些东西,在这里记录下,大概的实现方式,可能也有其他更简单的方式。

如下图中的obj1与obj2,可以以obj1为固定对象来进行判断

//判断2个div是否有交集,判断时以obj1作为固定的obj2作为移动的
            function check(obj1, obj2) {
                //以obj1作为固定的参照物,使用时注意div是否有top与left,如果没有设置的话会是空值
                //obj2在obj1的上面 obj2.top+obj2.height<obj1.top 
                //obj2在obj1的下面 obj2.top>obj1.top+obj1.height 
                //obj2在obj1的左面 obj2.left+obj2.width<obj1.left 
                //obj2在obj1的右面 obj2.left>obj1.left+obj1.width
                var obj1top = parseInt($(obj1).css("top"));
                var obj1left = parseInt($(obj1).css("left"));
                var obj1width = parseInt($(obj1).width());
                var obj1height = parseInt($(obj1).height());
                var obj2top = parseInt($(obj2).css("top"));
                var obj2left = parseInt($(obj2).css("left"));
                var obj2width = parseInt($(obj2).width());
                var obj2height = parseInt($(obj2).height());
                if ((obj2top + obj2height < obj1top) || (obj2top > obj1top + obj1height) || (obj2left + obj2width < obj1left) || (obj2left > obj1left + obj1width)) {
                    return true;
                }
                else {
                    return false;
                }
            }


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值