onsen-ui - Fastclickを使用した温泉UI

Question

先月、Onsen UI が現在 fastclick を使用しているというリリース ノートを読みました。

これが自動的に使用されるのか、それともインスタンス化する必要があるのか​​はわかりません。

タッチスクリーンでクリックイベントを試してみると、通常の300ミリ秒の遅延があるように感じるので、これを行う必要があるかどうかを知っている人はいますか。

ありがとう

Answer 1

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 イベントを任意の要素に設定します。

Answer 2

自動的にインスタンス化されます。インスタンス化する必要はありません。

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

再現できるようにプランカーを作ってもらえますか？これがテンプレートのプランカーです。 http://plnkr.co/edit/D2PBF8?p=info

注: plunker では、スクリプト src はバージョン 1.0.3 を指していると言っていますが、実際には 1.0.4 です。