二维交互式Javascript网格

我想使用2D XY栅格收集数据，其中每个栅格轴表示不同的数量。基本上，我想记录用户在网格中单击的点

有可能在网页中嵌入这样的内容吗？我可以找到大量用于绘制XY数据的图表，但没有一个可以进行交互并从用户处收集数据

如有任何帮助/建议，将不胜感激

---

David

Javascript允许您注册文档中的任何HTML对象（不仅仅是从HTML5开始）。单击事件处理程序将收到一个包含单击发生位置坐标的。然后，您可以使用这些坐标作为用户输入，并以您需要的任何方式记录它们

 // find your element by its ID propery
 var element = document.getElementById('id_of_your_grid');     
 // add an event listener to it
 element.addEventListener('click', function(event) {
      var x = event.clientX;
      var y = event.clientY;
      // your code ...
 });

---

这应该很简单：在画布上附加一个

onclick

事件处理程序，然后从鼠标位置计算网格坐标（基本上除以网格块大小）。感谢您的回复。那么，代码中的文档元素是否可以是二维网格的图像？我已经有一段时间没有做任何JS和HTML了。