Javascript 单击画布-根据单击的位置获取选项列表

我不知道该怎么做。能做到吗？怎样才能做到呢？希望它可以在不需要另一个插件库的情况下完成（jquery是可以的）-我正在尝试减少js文件的数量

我有一张画有地图的画布。用户可以点击地图。然后，我希望在用户单击的位置附近出现一个白色正方形（圆角和黑色边框），上面有一些选项供用户选择。这些可以是文本选项，例如“国家总结”、“GDP”等。然后用户选择一个选项，信息显示在左侧区域，白色选项方框自动消失

这可能吗？如果不需要一个顶部有蓝色条的窗口和所有其他窗口行李，是否可以完成

希望有人能帮忙

---

乔恩：是的，可以做到。你不必在画布上做这件事，你可以用普通的HTML来做这件事。 只需使用以下CSS属性向页面添加新元素

position:absolute;
display:inline;

（以及一些用于圆角和黑色边框的CSS） 然后将其X和Y属性设置为事件的X和Y鼠标坐标

---

然后像处理其他任何事情一样处理该元素。

您需要的事件属性是

clientX

和

clientY

。谢谢大家，我将在周一尝试。