ワイズリマインダー

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

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

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

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

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

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

コメントを残す

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

CAPTCHA


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

検索

最近のコメント

最近の投稿

タグ

Android C841M-4X-JSEC/K9 CentOS CentOS7 chrome cisco CKEditor cmd.exe CompositionAPI css F1 F1 2016 F1 2017 F1 2018 F1 2019 F1 2020 F1 2021 F1 2022 F1 2023 GapChart html HTML5 JavaScript jQuery LapChart Linux MySQL perl php SFC Vue3 Windows Windows10 WordPress イギリスGP イタリアGP オーストリアGP カスタマイズ ギャップチャート データベース トラブルシューティング ハンガリーGP バーレーンGP ラップチャート 単一コンポーネント

フィード配信

RSS 2.0
RDF
atom

アーカイブ

外部リンク