Javascript函數在離開窗口之前詢問狀態是否爲真

Question

我有一個activestatus var，它告訴是否保存到文件已完成或未保存文件未保存activestatus在這種情況下將爲true如果用戶向後按瀏覽器或嘗試鍵入不同的網址，然後他會彈出一個對話框，提示「你沒有保存要保存的更改？是的不」。

這裏是我試過到目前爲止

var activeInput=true; 
window.onbeforeunload =checkNow; 

    function checkNow(){ 
     if(activeInput==true){ 
      alert('please save your changes'); 
      return "Do you want to leave?" 
     }else{ 
      alert('gonow'); 
      return true; 
     } 

    } 

基本上我要打電話，只有當用戶想離開窗口，並保存到文件中未完成的功能。

Answer 1

嘗試使用addEventListener，並使用e.returnValue來顯示消息。

var activeInput=true; 

window.addEventListener('beforeunload', checkNow); 

function checkNow(e) { 
     if (activeInput === false) return true; 
     var message = "Are you sure you want to leave this page? Ensure you save any changes."; 
     e.returnValue = message; 
     return message; 
} 

這是jsFiddle。您可以閱讀更多關於onbeforeunload事件的信息，包括e.returnValuehere的行爲。