Question

js大神看看这个简单的代码 跪求解决

以下代码可以判断鼠标拖动的图片和其他图片碰撞吗 为什么我不行
function impact(obj, dobj) {
var o = {
x: getDefaultStyle(obj, 'left'),
y: getDefaultStyle(obj, 'top'),
w: getDefaultStyle(obj, 'width'),
h: getDefaultStyle(obj, 'height')

}

var d = {
x: getDefaultStyle(dobj, 'left'),
y: getDefaultStyle(dobj, 'top'),
w: getDefaultStyle(dobj, 'width'),
h: getDefaultStyle(dobj, 'height')
}

var px, py;

px = o.x <= d.x ? d.x : o.x;
py = o.y <= d.y ? d.y : o.y;

// 判断点是否都在两个对象中
if (px >= o.x && px <= o.x + o.w && py >= o.y && py <= o.y + o.h && px >= d.x && px <= d.x + d.w && py >= d.y && py <= d.y + d.h) {
return true;
} else {
return false;
}
}

function getDefaultStyle(obj, attribute) {
return parseInt(obj.currentStyle ? obj.currentStyle[attribute] : document.defaultView.getComputedStyle(obj, false)[attribute]);
}

Answer 1

<1>o.x图片o左边的距离；o.y图片o顶部的距离；o.w图片o自身的宽度;o.h图片o自身的高度
<2>d.x图片d左边的距离；d.y图片d顶部的距离；d.w图片d自身的宽度;d.h图片d自身的高度
<3>px为离左边距离最远的图片的left值;py为离顶部距离最大的图片的top值;

其他参数我就不给你解析了，关键点是在if判断这一块。不太明白你说的这个判断点都在两对象中什么概念？这里可以给你个参考思路：
对于图片o，(o.x+o.w)<=d.x 说明图片o在图片d的左边；(o.y+o.h)<=d.y 说明图片o在图片d的上边。