jquery触控启动延迟，远远超过鼠标切换？

Question

我正在构建一个使用DOM元素的简单游戏。当用户点击屏幕时，我需要一个div (包含一个图像)来移动。使用鼠标可以很好的工作，但触控启动有一个非常明显的延迟-使它不能用于一个快速反应游戏。

我怎样才能减少这个延迟？

我的代码：

_myScreen.on('touchstart mousedown', function(){screenClicked();});


function screenClicked(e) {
    var y = e.offsetY;
    model.css({top:y});
}

Answer 1

触摸设备有300 is的延迟。这是来自Icenium团队的TJ VanToll的一个VanToll，它解释了这种行为的历史以及它的潜在解决方案。

这篇文章的节选：

虽然浏览器已经为300 is的点击延迟提供了一些有趣的解决方案，但根本没有任何解决方案在任何地方都有效。然而，有很多聪明人已经考虑过这个问题，并为所有平台提出了基于JavaScript的解决方案。这些解决方案可以分为两个阵营-指针事件模型的多填充和“快速单击”解决方案。 让我们先来看看指针事件多边形填充。指针事件填充 有几个多边形填充了指针事件。这是比较受欢迎的。 聚合物来自Google HandJS微软点数@Rich-Harris ..。 FastClick是英国“金融时报”实验室开发的一个小型图书馆，旨在防止移动浏览器中300 is的点击延迟。

• https://github.com/Polymer/PointerEvents
• http://handjs.codeplex.com/
• https://github.com/Rich-Harris/Points
• https://github.com/ftlabs/fastclick