javascript - 检测未保存的更改

Question

我需要在 ASP .Net 应用程序中实现“未保存的更改”提示。如果用户修改了 Web 表单上的控件，并试图在保存之前离开，则应该出现一个提示，警告他们有未保存的更改，并让他们可以选择取消并留在当前页面。如果用户没有触摸任何控件，则不应显示提示。

理想情况下，我想用 JavaScript 实现它，但在我开始编写自己的代码之前，是否有任何现有的框架或推荐的设计模式来实现它？理想情况下，我想要可以轻松跨多个页面重复使用的东西，只需进行最少的更改。

Answer 1

使用 jQuery:

var _isDirty = false;
$("input[type='text']").change(function(){
  _isDirty = true;
});
// replicate for other input types and selects

根据需要结合onunload/onbeforeunload方法

根据评论，以下引用了所有输入字段，没有重复代码:

$(':input').change(function () {

使用 $(":input") 引用所有 input、textarea、select 和 button 元素。