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
  }
}

});