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

时间:2013-06-12 15:04:45

标签: jquery click tablet smartphone

好的,我对移动/平板电脑平台的网络开发还很陌生。我对开发浏览器环境非常有信心。

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

  

如何确保click和mousedown jquery事件能够正常工作   平板电脑/智能手机是否正确?

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

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

1 个答案:

答案 0 :(得分:20)

移动浏览器仍会响应点击事件,但会引入延迟(通常约为300毫秒)。如果您想获得更具响应性的体验,可以尝试检测自己是否在移动平台上并使用touchstarttouchend个事件。我发现touchend通常是一种更好的体验,主要是因为当touchstart触发时,用户的手仍然在阻挡。

这样的事情:

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

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

至于测试,您可以阅读此Stackoverflow问题的答案:Simulating touch events on a PC browser