このマップをタッチスクリーンで機能させようとしています(WebGL を有効にする必要があります)。
Android 上の Firefox では問題なく動作します。しかし Chrome では、最初は画面をタッチすると機能しますが、画面を離してすぐに (画面を離してから 1 ~ 2 秒以内に) もう一度タッチすると、touchmove
イベントはトリガーされません。十分に待つと、touchmove
イベントを正しく受け取ります。
関連するコードを次に示します (申し訳ありませんが、完全なソース コードを提供することはできません)。
canvas.on('touchstart', function() {
//init drag
e.preventDefault();
return false;
});
canvas.on('touchmove', function() {
//move the map
e.preventDefault();
return false;
});
canvas.on('touchend', function() {
//stop drag
e.preventDefault();
return false;
});
preventDefault
またはなしで試してみましたがreturn false
、成功しませんでした。私は何を取りこぼしたか ?
この問題はChrome for Androidで再現できます。最初に WebGL を有効にします (WebGL にアクセスしてchrome://flags
有効にします)。