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