jqueryでブラウザバックを無効にする方法

Jquery は、ブラウザの「戻る」を無効にするメソッドを実装します。まず、対応する js ファイルを開き、次に「jQuery(document).ready(function () {...}」を通じてブラウザの「戻る」ボタンと「次へ」ボタンを無効にします。

このチュートリアルの動作環境: Windows7 システム、jquery1.10.0 バージョン、thinkpad t480 コンピューター。

推奨事項: " jquery ビデオ チュートリアル>>

jquery はブラウザーの「戻る」ボタンを無効にします

Jquery を使用してブラウザーの「戻る」ボタンと「次へ」ボタンを無効にします:

場合によっては、ユーザーがアクセス シーケンスを台無しにしてブラウザの「進む」ボタンと「戻る」ボタンを無効にする必要がないようにするためです。

jQuery(document).ready(function () {
    if (window.history && window.history.pushState) {
        $(window).on('popstate', function () {
        　　　// 当点击浏览器的 后退和前进按钮 时才会被触发， 
            window.history.pushState('forward', null, ''); 
            window.history.forward(1);
        });
    }
    //在IE中必须得有这两行
    window.history.pushState('forward', null, '');  
    window.history.forward(1);
});

このコードは主に js の window.history オブジェクトを使用します;

例:

現在のページの URL が http://localhost:28713/SBNext/index.aspx

の場合: 実行: window.history.pushState('forward', null, 'badu .aspx');

結果: ブラウザ履歴にレコード http://localhost:28713/SBNext/index.aspx を追加します。現在のページの URL は http://localhost:28713/SBNext になります。 /badu.aspx ですが、ページは更新されず、URL が正しいかどうかもチェックされません。このとき、ブラウザの戻るボタンをクリックすると、http://localhost:28713 に戻ります。 /SBNext/index.aspx ページ、これはまだ現在のページです。つまり、これは上記の「戻る」ボタンの原理を無効にしたものです。

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