モバイルサファリタッチイベントキャプチャの問題

Question

iPadでSafariで実行されているモバイルWebアプリがあります。

Webページは画面に適したサイズであるにもかかわらず、ページをドラッグすると画面の部分的にスクロールするようになります。

私の計画は、他の方法では未処理のタッチイベントが何でもするのを防ぐことでした。

document.addEventHandler('touchstart', do_nothing, false);

function do_nothing(event) {
    event.preventDefault();
}

決勝に注意してください false パラメーター - これは、キャプチャモードではなく、イベントバブルモードでのみ動作するようにハンドラーに指示することになっています。特定の要素に関するタッチイベントは、予想どおりまだ発射する必要があります。

これ します スクロールを防ぎます。ただし、防止します どれか click ページに到達したイベント。クリックをブロックせずにデフォルトのページスクロールアクションをブロックするソリューションを提案できますか？

Answer 1

ソリューションは、nullハンドラーをに登録することです touchmove の代わりに touchstart イベント。