javascript - iPad 表格单元格上 "click"事件的精度

Question

TL;DR:“点击”监听器对于表格单元格 (td) 和标题 (th) 来说并不准确，当使用移动 Safari 在 iPad 2 上点击时，似乎监听到了单元格边界之外。这是一个已知问题吗？有解决方法吗？

<小时/>

非常具体的问题，并且没有示例代码(没有必要)。希望有人发现这个问题并解决这个问题!

我有一个使用 DataTables.net 和 jQuery UI 构建的表。这应该是偶然的，但我还是想提一下。该表监听许多不同元素上的点击事件(我相信移动 Safari 简单地将其翻译为点击)，包括行标题(用于排序)和某些单元格内容。

在 Mac(连接了 iPad)上使用 Inspector，我可以清楚地看到，在填充、边框、边距甚至“可见性:隐藏”或类似内容方面没有意外重叠的元素。此外，它们是具有默认行为的表格单元格；不是表格单元格的模拟。

在实际数据的顶行中，如果我点击单元格上半部分的任意位置，实际上会触发行标题中点击的监听器。我放大到一个可笑的级别，这样我就知道我不会意外地轻推标题，并且我已经确认点击完全发生在表格单元格内，而不是上面的标题内。

有谁知道是否有元属性或某些 CSS 甚至 JavaScript 解决方法来解决这种缺乏精度的问题？至少有一半的时间我点击单元格，它实际上触发了列排序(通过幽灵标题点击)。

我能想到的唯一解决方法是将每个单元格的内容包装在 div 或 span 中，将它们稍微远离单元格边缘，并希望以这种方式人为地减少点击目标区域。

Answer 1

如果 x,y 坐标在表格之外，那么您不能简单地忽略它吗？

如果点击位于表格内部，并且 x,y 坐标错误，则可能是缩放问题或错误。