web-dev-qa-db-ja.com

戻るボタンが押されたときのjquery

クリックするとページの内容が変わるクリックがあります。ブラウザの戻るボタンを押したときにエフェクトをトリガーする方法があるのか​​と思っていました

15
user2568107

あなたはpopstateイベントを使用してそれを並べ替えることができます:

window.onpopstate = function() {
  alert("pop!");
}

またはjQuery

$(window).on('popstate', function(event) {
 alert("pop");
});

ただし、これは後方だけでなく、前方にナビゲートするときにもトリガーされます。

17
user1721135

バックURLを無効にする

$(function() {
    if (window.history && window.history.pushState) {
        window.history.pushState('', null, './');
        $(window).on('popstate', function() {
            // alert('Back button was pressed.');
            document.location.href = '#';

        });
    }
});
8
Sakthi Karthik

あなたは単にjQueryで「popState」イベントを発生させることができます:

$(window).on('popstate', function(event) {
    alert("pop");
});

これはあなたが尋ねたものには十分です...しかし、ここにいくつかのアドオンウィンドウイベントがあります...

$(window).on('pushstate', function(event) {
    alert("Push");
}); // This one pushes u to forward page through history...

window.history.replaceState(); //work exactly like pushstate bt this one replace the history instead of creating new one...
window.history.backward(); // To move backward through history, just fire this event...
window.history.forward();// To move forward through history ...
window.history.go(-1); // Go back to one page(or whatever value u passed) through history
window.history.go(1); // Go forward to one page through history..
1
iamitpkumar