3

TL;DR:“点击”侦听器对于表格单元格 (td) 和标题 (th) 不准确,在带有移动 Safari 的 iPad 2 上点击时似乎在单元格边界之外进行侦听。这是一个已知问题吗?是否有解决方法?


非常具体的问题,没有示例代码(没有必要)。希望那里有人发现这个问题并且之前已经解决了这个问题!

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

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

在实际数据的第一行中,如果我点击单元格上半部分的任何位置,它实际上会触发侦听器以获取行标题中的点击。我放大到一个可笑的水平,这样我就知道我没有不小心轻推标题,并且我已经确认点击完全发生在表格单元格内,而不是上面的标题。

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

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

4

1 回答 1

0

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

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

于 2015-06-16T18:22:24.457 回答