瀏覽器 onbeforeunload 確認框：無法自訂內容的現實與替代方案

標準行為

• 僅能透過 returnValue (IE) 或 return "message" (舊標準) 觸發預設確認框。
• **Chrome 51+、Firefox 4+、Safari 11+、Edge 全部忽略自訂字串**，統一顯示瀏覽器內建訊息 (如「您輸入的內容可能不會被保存」)。
• 安全性考量：防止惡意網站欺騙用戶停留。

最佳實踐：只設定 true/false

window.addEventListener('beforeunload', (e) => {
    if (formDirty) {
        e.preventDefault();          // 標準寫法
        e.returnValue = '';          // Chrome 需要
    }
});

替代方案：自訂模態對話框 (僅限頁面內跳轉)

• 攔截 <a>、表單提交、路由變更 (SPA)，彈出自訂 Modal 確認。
• **無法攔截**：關閉分頁/瀏覽器、刷新、地址欄跳轉、window.close()。

結論

接受瀏覽器原生確認框，專注於 **減少不必要的提示** (僅表單髒時觸發)，提升用戶體驗。