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

});