ワイズリマインダー

safariのスワイプで戻る処理をキャンセルする

iOSのサファリで画面の左端や右端からスワイプする事で
履歴の前後に移動できます。

このとても便利な機能をJavaScriptで無効にします。

$(ELEMENT).on('touchstart', function(e){
  e.preventDefault();
});

ELEMENTにはbodyや最前面にあるエレメントを指定してください。

<こんなケースで使用しました>
ページ内のある要素をクリックする事で、
右から全画面のサブページが表示されるものを作成しました。
表示された後、左からスワイプした場合は、このサブページが右へ消えて行って欲しいのに
デフォルトの機能で1つ前のページに戻ってしまうため処理を無効化しました。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

検索

最近のコメント

最近の投稿

タグ

フィード配信

アーカイブ

外部リンク