2个对象之间的简单检测控制

Question

我目前正在用html和javascript做一个简单的游戏。我的游戏就是在一个盒子里面，你用鼠标按下想要拍摄的地方。 html是..

 <div id="box"><img id="hgun" src="png/pistol.PNG">
    <div id="prepend">
         <div id="hero"></div>
       </div>

  <div id="enemy"></div>
</div>

“英雄”是你射击的“子弹”。而“敌人”是你想击中的盒子。 我的“敌人”div当前是一个带有.animate（）;

的changin位置

我的问题是如何在“敌人”和“英雄”之间进行碰撞检测。 如果有人能给我一个关于我应该如何编写简单检测的提示，那就太好了。然后我希望能够完成它。

我真的很感激！