Javascript 位置/方向计算

我试图找出如何在一个div中指出特定的位置，这个div基本上是一个宽度为500px，高度为500px的盒子。位置或更确切地说是方向是“上”、“外侧”、“内侧”和“下”

  -----------------------------------
  |          (Superior)             |
  |                                 |
  |                                 |
  | (Lateral)             (Medial)  |
  |                                 |
  |                                 |
  |                                 |
  |           (Inferior)            |
  -----------------------------------

我希望这幅画能描绘出我想要精确定位的位置。我有两个具体问题

问题1是：；我如何指定框内位置的坐标，我可以使用JavaScript或图像映射来实现这一点吗

问题2是：；我如何定义职位，例如“上级”应该从哪里开始，在哪里结束？（这可能是一个数学问题，我知道我应该在数学课上更加注意！）例如，如果他们点击中间和下方之间的某个位置，朝着div的右下部分或左下部分点击，位置应该是什么

---

非常感谢

我假设您将div一分为二，这样每次单击都会得到2个属性。我将获得相对于div位置的鼠标位置来确定这一点。

div中的位置将由X（水平）和Y（垂直）坐标定义。在上边线和侧线接触X=0和Y=0的点。同样，在内侧线和下侧线接触X=500和Y=500的点

关于如何在元素中获取鼠标单击的坐标，在堆栈上有很多答案

---

对于问题2，我的建议是通过方框画一个假想的X。X的中心是盒子的中心，X的端点是盒子的角。@Dylan谢谢Dylan，谢谢你。