ホームページ >ウェブフロントエンド >jsチュートリアル >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 サイトの他の関連記事を参照してください。