jquery - 平板电脑和触摸屏手机的jQuery点击事件

Question

好的，我对移动/平板电脑平台的 Web 开发相当陌生。我对开发浏览器环境很有信心。

我的问题是我没有任何平板电脑（我很穷，所以必须盲目飞行），所以我很难进行测试。我也很担心点击事件不能正常工作。

如何确保 click 和 mousedown jquery 事件在平板电脑/智能手机上正常工作？

对于点击事件和平板电脑/智能手机的最佳实践是否有共识？

注意：我不是在开发一个仅限移动设备的网站 - 该网站会为移动设备转换形状。

Answer 1

移动浏览器仍会响应点击事件，尽管它们会引入延迟（通常约为 300 毫秒）。如果您想要更灵敏的体验，您可以尝试检测您是否在移动平台上并使用其中一个touchstart或touchend事件。我发现touchend通常是更好的体验，主要是因为用户的手在touchstart开火时仍然挡在路上。

像这样的东西：

$(element).on(isMobile ? 'touchend' : 'click', function(e) {...});

或者您可以使用hammer.js，它适用于桌面和移动设备。

至于测试，你可以通读这个 Stackoverflow 问题的答案：Simulating touch events on a PC browser。