jQuery中的多個beforeunload處理程序

Question

我正在爲客戶端網站上使用的插件編寫JavaScript，並且需要使用beforeunload處理程序將一些信息存儲到用戶的Cookie或localstorage以進行跟蹤。

但是，由於我不控制客戶的網站，我擔心客戶的頁面在我們設置之前已經定義了beforeunload處理程序的情況。特別是，我擔心客戶端的JavaScript創建一個'beforeunload'處理程序，該處理程序返回一個字符串以創建'Are you sure you want to leave this page?'樣式的彈出窗口，並且在此之後添加處理程序可能會破壞或以其他方式干擾此功能。

在鉻控制檯，基於一個小實驗看來，如果我添加使用jQuery(window).on('beforeunload', handler)處理程序，那麼所有的處理程序獲得加入他們的順序執行，那麼任何確認對話框的存在和含量僅由最終的非undefined返回值決定。因此，如果最後一個處理程序添加顯式返回，則返回null，則不顯示任何消息，並且如果它返回一個字符串，則會顯示一個包含該字符串作爲其內容的確認對話框。這是我想要的行爲;這意味着只要我從beforeunload處理程序返回undefined處理程序我添加，我不應該打破我們的任何客戶的代碼。

但是我可以在所有瀏覽器中依賴此行爲嗎？如果客戶端通過除jQuery以外的機制添加了其原始beforeunload處理程序，如明確指定給window.onbeforeunload或使用window.addEventListener？ jQuery如何在幕後處理多個處理程序的分配？

Answer 1

如果你不喜歡這樣

var x = window.onbeforeunload 
window.onbeforeunload = function() { 
     // do your stuf 
     if (x) return x(); 
} 

所以這種方式，您將返回無論最初的事件處理程序是假設返回。