Question

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

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

任何帮助/建议都将不胜感激。

大卫

Answer 1

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

 // 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 ...
 });

2D交互式Javascript网格

1 个答案: