page.js 庫：如何啟用 onbeforeunload？

Question

我正在構建一個使用page.js作為路由器的單頁應用程序。 在 SPA 中更改頁面時，默認的window.onbeforeunload事件似乎不會觸發。 我怎樣才能實現類似的東西，允許我在用戶決定不繼續時有選擇地取消頁面轉換？ （即“您的更改未保存：可以放棄更改嗎？”）

謝謝！

Answer 1

要防止地址欄發生變化並有效地停止頁面處理，請在show函數內設置context.handled = false 。 這會停止 page.js 中的pushState操作，從而防止地址欄發生變化。

例子：

page('/prevent-access', (context, next) => { context.handled = false }) // Prevents URL change to this page.