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

Question

好的,我对移动/平板电脑平台的网络开发还不熟悉.我对开发浏览器环境非常有信心.

我的问题是我没有任何平板电脑(我很穷,所以不得不盲目飞行)所以我很难做测试.我也非常担心点击事件无法正常工作.

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

关于点击事件和平板电脑/智能手机的最佳做法是否有任何共识？

注意:我不是在开发一个仅限移动设备的网站 - 该网站会改变移动设备的形状.

Answer 1

移动浏览器仍将响应点击事件,但它们会引入延迟(通常约为300毫秒).如果您想获得更具响应性的体验,可以尝试检测您是否在移动平台上并使用其中任何一项touchstart或touchend事件.我发现touchend通常是一种更好的体验,主要是因为用户的手在touchstart发生火灾时仍然存在.

像这样的东西:

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

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

至于测试,您可以阅读Stackoverflow问题的答案:在PC浏览器上模拟触摸事件.