ホームページ > ウェブフロントエンド > jsチュートリアル > jsを使用してブラウザのロールバックイベントを無効にする方法

jsを使用してブラウザのロールバックイベントを無効にする方法

零下一度
リリース: 2018-05-10 15:33:39
オリジナル
2634 人が閲覧しました

この記事は主にブラウザを禁止するjsのロールバックイベントを詳細に紹介します。興味のある友人はそれを参照してください

最終的な解決策は次のとおりです:

このように、多くの情報を検索した結果、後方へのあらゆる動きを排除することができます。キーボード、マウスジェスチャーなどによる戻るアクションを含みます。

<script language="javascript">
 //防止页面后退
 history.pushState(null, null, document.URL);
 window.addEventListener(&#39;popstate&#39;, function () {
   history.pushState(null, null, document.URL);
 });
</script>
ログイン後にコピー

さて、このメソッドは私たちのプロジェクトで使用されています。一般的なブラウザでは、バックを無効にすることができます。

具体的な例:

$(function(){
 if (window.history && window.history.pushState) {
   history.pushState(null, null, document.URL);
   window.addEventListener(&#39;popstate&#39;, forbidBack);
 }
})
/**
 * 禁止回退按钮
 */
function forbidBack(){
 appUtils.mobileConfirm("确定放弃重置密码?",function(){//yes
  window.removeEventListener(&#39;popstate&#39;,forbidBack);
  muiwindow.muiwebview({"url":"login.html"});
 },function(){//no
  //防止页面后退
  history.pushState(null, null, document.URL);
 });
}
ログイン後にコピー

js を学習する必要がある学生は、php 中国語 Web サイトに注意してくださいjs ビデオ チュートリアル、多くの js オンライン ビデオ チュートリアルを無料で視聴できます。

以上がjsを使用してブラウザのロールバックイベントを無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート