Javascript和onbeforeunload？

Question

我

<span class="cssButton"><a href="javascript:void(0);" class="buttonBlue" onclick="swfu.startUpload();"> <img src="http://uber-upload.com/img/icons/up_16.png" alt=""/> Uber-Upload! </a></span>

，我想使它所以，如果你按下那個按鈕，它也設置了一個變量，使得它如此，如果你試圖離開頁面，就會彈出一個那些「你確定要離開這個頁面」的警報，以防止人們在上傳過程中意外離開。

上傳完成後，不要擔心未設置的變量，我會補充一點，我只需要你們其中一個聰明的編碼器，使我成爲一個框架。

謝謝！

Answer 1

此聲明添加到頁面：當它完成上傳

onclick="++upcount; swfu.startUpload();" 

如果swfu給你一些類型的事件，把這個就可以了：

var upcount = 0; 

您的onclick更改爲

--upcount; 

並添加此處理程序：

window.onbeforeunload = function() { 
    if (upcount > 0) { 
     return "The upload is still in progress, leaving the page will cancel it."; 
    } 
} 

在瀏覽器尊重onbeforeunload的情況下，這將工作。大部分時間都是這樣。如果他們不這樣做，那麼你試過了。請注意，通過使用計數器，您可以允許多次上傳。

您可能會考慮附加事件而不是使用屬性的attachEvent（IE）或addEventListener（標準）（或者像Prototype或jQuery這樣的庫，它們會爲您填充差異）。使用屬性（又名DOM0處理程序）相當老式並且有點限制（每個元素每個事件只有一個處理程序）。但它仍然有效。

Answer 2

依靠onbeforeunload充其量只是粗略。由於垃圾郵件發送者濫用行爲的方式與您建議人們這樣做的能力已基本消除。

如果關閉事件是通過激活按鈕或類似事件觸發的，您現在只能對onbeforeunload做出響應。

Answer 3

function warnUser() 
{ 
    if(dataIsDirty) 
    { 
     return "You have made changes. They will be lost if you continue."; 
    } 
    else 
    { 
     // Reset the flag to its default value. 
     dataIsDirty = false; 
    } 
} 

function isDirty() 
{ 
    dataIsDirty = true; 
} 

function isClean() 
{ 
    dataIsDirty = false; 
} 

然後你使用它，就像在onbeforeunload事件。

window.onbeforeunload = warnUser; 
dataIsDirty = false; //Or true, depending on if you want it to show up even if they dont' make changes) 

然後使用它，只需使用「isClean」功能，任何你不想觸發它（保存，例如），或者你可以將「isDirty」您要觸發任何事件它在離開之前（比如說，編輯一個表單域）。