javascript - jquery怎样判断表单内容进行了修改？

Question

当用户修改了表单的内容，比如SF这种，未保存的时候关闭页面会提示是否确认离开。
请问，用jquery是怎样实现检测呢？

Answer 1

当检测到输入框有输入内容未提交时，为window绑定beforeunload事件。

$(window).on('beforeunload', function(){
  //必要的表单检测
  return '您确认要放弃已经输入答案吗?';
});

Answer 2

可以为需要的input绑定onkeypress事件，标记已经修改；在beforeunload里头根据前面的标记提示用户保存。