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

前端之家收集整理的这篇文章主要介绍了平板电脑和触摸屏手机的jquery点击事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
好的,我对移动/平板电脑平台的网络开发相当新鲜。尽管在开发浏览器环境方面我很有信心。

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

How can I ensure that click and mousedown jquery events work on
tablets/smartphones correctly?

对点击事件和平板电脑/智能手机的最佳做法有什么共识吗?

注意:我不是开发一个仅限移动的站点 – 该站点转换移动的形状。

解决方法

移动浏览器仍然会响应点击事件,尽管它们会引入延迟(通常在300ms左右)。如果您想要更灵敏的体验,您可以尝试检测您是否在移动平台上,并使用touchstart或touchend事件。我发现touchend通常是一个更好的体验,主要是因为用户的手仍然在touchstart触发的方式。

这样的事情

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

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

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

猜你在找的jQuery相关文章