如何捕獲history.pushState事件

小樊
97
2024-06-29 10:59:26

要捕獲瀏覽器的history.pushState事件,您可以使用window對(duì)象的popstate事件監(jiān)聽(tīng)器。popstate事件在瀏覽器的歷史記錄發(fā)生變化時(shí)觸發(fā),包括調(diào)用了history.pushState()、history.replaceState()和瀏覽器前進(jìn)/后退按鈕的點(diǎn)擊。

以下是一個(gè)捕獲history.pushState事件的示例代碼:

window.addEventListener('popstate', function(event) {
  console.log('history state changed');
  // 在這里執(zhí)行您的操作
});

通過(guò)添加上面的代碼,當(dāng)瀏覽器的歷史記錄發(fā)生變化時(shí),您可以在控制臺(tái)中看到“history state changed”這個(gè)日志,并在事件處理程序中執(zhí)行您的操作。

0