Javascript History.pushState前進和後退歷史記錄

Question

當用戶點擊瀏覽器後退和前進按鈕時，我需要一個事件。我有這段代碼可以工作，但是無論我點擊哪個按鈕，它都會執行（向後&轉發）。我怎樣才能分別處理向後和向前的按鈕點擊？

代碼：

if (window.history && window.history.pushState) { 
    window.history.pushState('forward', null, './#forward'); 

    $(window).on('popstate', function() { 
     alert('Hello back/forward button!'); 
    }); 
} 

是否也可以隱藏URL中的#forward字符串？

Answer 1

使用方向：

$(window).on('navigate', function (event, data) { 
    var direction = data.state.direction; 
    if (direction == 'back') { 
    // do something 
    } 
    if (direction == 'forward') { 
    // do something else 
    } 
} 

});