如何在JS中爲靜態頁面調用onbeforeunload行爲？

Question

我有一個無法保存更改而無法退出的文檔。我使用onbeforeunload詢問用戶他是否真的想要退出。如果「退出」場景點擊鏈接並重新加載頁面，則工作正常。但我也有JS菜單，將用戶從文檔編輯器移動到設置，並且它沒有網站重定向，但完全由JS通過替換「文檔視圖」並顯示「編輯設置視圖」來處理。但移動到編輯設置視圖會使文檔中的更改未保存，就像正常重新加載一樣。那麼如何調用瀏覽器來詢問用戶是否真的想要移動到編輯設置視圖，就像在此場景中發生頁面重新加載時一樣？

Answer 1

無法從頁面導航離開。但是你可以用更好的，更友好的模式對話來詢問他們（絕對定位的div，其中zIndex大於其他任何其他的，可能有iframe墊片可用於點擊所有點擊等）。你可以推出你自己的，但有模塊對話框庫，這將節省您的時間。

或者如果你喜歡，你可以使用confirm，它沒有很好的用戶體驗（但是然後，也沒有onbeforeunload），但是很容易編碼並且完全跨瀏覽器兼容（儘管鏈接是一個Mozilla頁面）。