JavaScript 位置/方向计算答案

【问题标题】：JavaScript position / direction calculationJavaScript 位置/方向计算
【发布时间】：2012-08-29 20:06:54
【问题描述】：

我试图弄清楚如何能够在 div 中定位特定位置，该 div 基本上是一个宽度为 500 像素、高度为 500 像素的框。位置或方向是“上”、“侧”、“中”和“下”。

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

我希望这幅画描绘了我试图确定的位置。我有两个具体问题。

问题1是；如何指定框内位置的坐标，我可以使用 JavaScript 或图像映射来执行此操作吗？

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

非常感谢

【问题讨论】：

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

标签： javascript css imagemap

【解决方案1】：

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

这里有很多关于如何在元素内获取鼠标点击坐标的答案。

Here is one

【讨论】：

【解决方案2】：

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

【讨论】：