Javascript &引用；油漆；移动web应用程序上的html表'td'元素

我正在开发一个web应用程序，用户需要查看一个月的网格，并选择是否存在对象列表的文档

为了用户体验，我想提供“绘制”网格的便利。因此，假设用户知道文档存在了整整一年，她只需将手指拖动到该行，该行中的每一个

都将应用一个类

从Chrome开发工具中可以看出，当我将

touchmove

侦听器连接到每个

时，我可以触发很多事件，但事件的目标始终是触发触摸事件的元素，而不是任何其他元素

---

当用户在桌子上拖动手指时，有没有办法让每个

做出响应？

不幸的是，事件目标设置在

touchstart

事件上，因此，当您在屏幕上拖动手指时，相同的事件目标被用作每个

touchmove

事件的原点

我能想到的唯一解决方法是使用

touchmove

事件来获取触摸的位置，然后找出与哪个表单元格重合。如果所有表格单元格在给定表格中的尺寸相同，则取从

touchmove

事件中获得的位置，然后除以表格的宽度和高度即可得到答案。下面是一个快速入门的片段（本例假设表的位置位于视口的左上角）：

因此，如果表的宽度为80，高度为100，x和y坐标分别为42和67，那么xIndex将产生1，yIndex将产生3（这意味着使用零基索引从左侧开始的第二个单元格和从顶部开始的第四个单元格）

---

这是一个简单的例子，不会神奇地解决你的问题，但这是一个很好的起点。希望这有帮助

谢谢你非常有用的回答！我非常感谢这个网格应该是统一大小的。。。应该。很高兴我能帮忙！！^^祝你好运

var _columnWidth = 40;
var _rowHeight = 20;
var touchListener = function (e) {
    var touch = e.touches[0];
    var x = touch.pageX;
    var y = touch.pageY;
    var xIndex = Math.floor(_someTable.width / x / _columnWidth);
    var yIndex  = Math.floor(_someTable.height / y / _rowHeight);
};

_someTable.addEventListener('touchmove', touchListener, false);