Interact.jsの終了イベントが早すぎます

Question

私はをInteract.jsと入力しています。drackable elements私のウェブサイトにあります。 デスクトップ上でドラッグすると、すべてが正常に機能しますが、タッチデバイスで使用すると、onendイベントが遅すぎるが発生します。

はこのペンを見てみましょう：

http://codepen.io/anon/pen/RKoZRm

右下隅に移動カウンターを監視します。

これは、私は基本的にやっているものです..（http://interactjs.io）タッチデバイス上で期待どおりに動作し、私は本当に違いを見分けることはできません

interact('#draggable').draggable({ 
    inertia: true, 
    onmove: function() {}, 
    onend: function() {} 
}); 

しかしドラッグ可能な例を自分のウェブサイト上

何か案は？

Answer 1

解決策は非常に簡単です。 ドラッグ可能な要素のCSSに1行だけ追加するだけです。

touch-action: none

Answer 2

同じ問題が発生しました。ブラウザがpointercancelイベントを発生させているので、ウィンドウがスクロールする必要があると思うので、それが起こっているようです。私は100％ではなくフロントエンドのものには比較的新しいですが、解決策が見つかるとお知らせします。