window.onbeforeunload提示和技巧

Question

我想創建一個onbeforeunload「您已對頁面進行了編輯。留在此頁面上，離開此頁面」jQuery插件。

該插件需要：

1. 接受含元素。 $(".editableFieldContainer").beforeUnload()
2. 自動檢測更改爲not(:hidden)輸入/ textarea /選擇。
3. 如果包含元素中的元素髮生更改，提示用戶留在頁面上。
   
   • 除非頁面是通過表單提交的。
   • 除非頁面/用戶想要取消更改，例如按下「取消」鏈接/按鈕。

像這樣的東西（但不完全，它缺少一些功能）：

(function(){ 
    var changed = false; 
    $.beforeUnloadCanceled = false; 
    $.fn.beforeUnload = function(){ 
     $.beforeUnloadCanceled = true; 
     return $(this).delegate("input,select,textarea", "change", function(){ 
      changed = true; 
     }); 
    }); 
    window.onbeforeunload = function(){ 
     if(changed && !beforeUnloadCanceled){return "You have made edits to the page.";} 
    }; 
}()); 

是否已有一個體面的插件，這是否？

Answer 1

這可能是你要找的。

jquery.wtFormDirty-2.0.2.js