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

});