onsen-ui - 带有 Fastclick 的温泉 UI

Question

我上个月阅读了 Onsen UI 现在使用 fastclick 的发行说明。

我不确定这是自动使用还是需要实例化它。

有谁知道或知道我是否需要这样做，因为当我尝试点击触摸屏事件时，它仍然感觉它具有通常的 300 毫秒延迟。

谢谢

Answer 1

它是自动实例化的。您不必实例化它。

https://github.com/OnsenUI/OnsenUI/blob/master/framework/js/setup.js

你能做一个plunker，这样我们就可以复制它吗？这是一个模板 plunker 开始。 http://plnkr.co/edit/D2PBF8?p=info

注意：虽然在 plunker 中，脚本 src 说它指向版本 1.0.3，但实际上是 1.0.4

Answer 2

我认为只要您采用 Onsen UI，就会自动应用 fastClick。

但是，如果您觉得响应很慢，创建一个指令将解决以下问题。该指令将应用 touchstart 事件而不是默认的点击事件。

myApp.directive('onsFasttap', function() {
    return function(scope, element, attrs) {
        //You can replace the 'touchstart' event with 'touchend' one.
        element.bind('touchstart', function() {
        scope.$apply(attrs['onsFasttap']);
    });
  };
}


<button ons-fasttap="foo()">foo</button>

上面的指令将 touchstart 事件设置为任何元素。