IOS8上的HTML按钮元素单击失败

Posted 2023-02-23

【中文标题】IOS8上的HTML按钮元素单击失败

【英文标题】：Html button element click fails on IOS8

【发布时间】：2020-03-27 17:31:34

【问题描述】：

我刚刚打开了一个简单的网站来支持 NHS 在当前的冠状病毒大流行中，我收到 iPhone 用户的报告，说按钮（主页上的“是”和“否”）不可点击。

我尝试在元素上强制使用cursor: pointer 以及检测touchstart 或click 是否可用但无济于事。不幸的是，我自己没有 iPhone 来测试它。

任何帮助都会很棒——所有代码（真的不多！）都可以在https://stayhomeforthenhs.co.uk找到

【问题讨论】：

这些按钮在任何浏览器、桌面或移动设备上都不适合我。你在那些没有价值的元素上有一个onclick 属性。这将导致问题，需要删除。另请注意，这些按钮不包含在表单中，因此单击它们将无济于事，除非您附加了 som JS 事件处理程序

另请注意，您的 FingerPrint2 库有错误

按钮不应该在表单中，它们的点击事件是使用 JQuery 以相当标准的方式绑定的。 onlick 现在已被删除，它是为了尝试解决这个问题（来自网络）。

@RoryMcCrossan 您尝试了哪个浏览器？它在 IE 和 chrome 中工作正常吗？我也没有在 Chrome 开发工具中报告错误

啊，等一下——如果fingerprintjs失败，那么按钮将保持禁用状态，因为它需要fingerprintjs来实际发布数据——你能分享fingerprintjs错误吗？

【参考方案1】：

事实证明，问题在于 Facebook 权限以及它们如何影响 webview。如果您的 facebook 设置为不允许定位，则 webview 不会提示地理定位权限，因此它陷入了一个错误，即当权限被拒绝时它不起作用。