左右にスワイプして別の画面を表示したり、[次へ] ボタンと [前へ] ボタンをクリックして移動したりできるアプリケーションがあります。
if(isMobile){
detectSwipe = true;
document.addEventListener('touchstart',TouchStart,false);
document.addEventListener('touchmove',TouchMove,false);
document.addEventListener('touchend',TouchEnd,false);
document.addEventListener('touchend',TouchCancel,false);
}
$("#prevBtn").on('touchstart click', function () {
...
}
この問題は、ビデオ タグのある画面に到達すると、すべてのボタンがクリックできなくなり、スワイプ イベントだけがアクティブなままになる、何らかの理由で発生します。これは iPad でのみ発生しますが、デスクトップでは問題なく動作します。
<video width="960" height="560">
<source src="video.mp4" type="video/mp4"/>
<source src="video.ogg" type="video/ogg"/>
<source src="video.webm" type="video/webm"/>
Your browser does not support the video tag.
</video>
また、ビデオ タグの代わりに埋め込み YouTube ビデオを使用しようとしましたが、問題は解決しません。