Javascript 获取单击位置

我想用xMax=10，yMax=6创建一个2dgrid，得到如下结果：

x 0 1 2 3 4 5 6 7 8 9
 _ _ _ _ _ _ _ _ _ _  y
|_|_|_|_|_|_|_|_|_|_| 0
|_|_|_|_|_|_|_|_|_|_| 1
|_|_|_|_|_|_|_|_|_|_| 2
|_|_|_|_|_|_|_|_|_|_| 3
|_|_|_|_|_|_|_|_|_|_| 4
|_|_|_|_|_|_|_|_|_|_| 5

现在，我想计算一下，每次鼠标单击哪个字段时，我不会添加我单击过的任何真正的HTML元素。 因此，我想从网格x，y得到场的x&y位置

注意：我不想添加html元素并监听它们的点击事件，我想计算结果

为了让它有点清晰，我创建了这个片段来可视化坐标的起点和终点：

设sizeY=6， sizeX=10， fieldWidth=40， fieldHeight=40， paddingLeft=60， paddingTop=80；

---

对于设y=0；y只需像这样计算伪坐标：

x 0 1 2 3 4 5 6 7 8 9
 _ _ _ _ _ _ _ _ _ _  y
|_|_|_|_|_|_|_|_|_|_| 0
|_|_|_|_|_|_|_|_|_|_| 1
|_|_|_|_|_|_|_|_|_|_| 2
|_|_|_|_|_|_|_|_|_|_| 3
|_|_|_|_|_|_|_|_|_|_| 4
|_|_|_|_|_|_|_|_|_|_| 5

让calculateField=functionevent{ 设sizeY=6， sizeX=10， fieldWidth=40， fieldHeight=40， paddingLeft=60， paddingTop=80， clickedX=event.clientX， clickedY=event.clientY； const x=Math.floorclickedX-填充左/字段宽度； 常数y=数学。地板高度-垫高/场地高度； console.log单击的坐标：，x，y } $window.clickfunction{ 计算接骨木 }

---

那么，在元素中添加click handler？为什么我不添加任何真正的HTML元素？这只会让你自己变得更难所以$不是元素？这就是一个例子。但是为什么我们没有得到一个伪元素的例子，我不知道-一个图像映射如何？因此，如果你知道元素的大小，得到元素中点击的x位置，除以宽度，你就得到了索引。注意，由于填充，这将报告负坐标。只要检查x/y是否小于0，如果这是一个问题。@mplungjan:我忘了填充。见