jQuery変更イベント（フォームの更新を監視する）

Question

変更のためのフォーム入力要素を監視しています（ページ終了時に保存されていないフォームの変更をユーザーに警告するため）。

jQueryの変更イベントは、特定の入力要素がフォーカスを失った場合（たとえば、テキストボックス）にのみトリガされることは理解できます。

これは、ユーザーが1つのテキストボックスを編集してから終了しようとしたため、テキストボックスの変更イベントが発生しないため、問題があります。この問題を克服する方法について

var formChanges = { 
    override: false, 
    changed: false, 
    checkChanges: function() { 
     if(!formChanges.override) { 
      if(formChanges.changed) { 
       return "There are currently unsaved changes."; 
      } 
     } 
    }, 
    init: $(document).ready(function() { 
     $('#checkThis').submit(function() { //'checkThis' is the form ID 
      formChanges.override = true; 
     }); 
     $(':input').change(function() { 
      formChanges.changed = true; 
     }); 
    }) 
} 
window.onbeforeunload = formChanges.checkChanges; 

任意のアイデア：ここ

は、私が得ているどのくらいいるのですか？

Answer 1

実際にあなたが何をしているか、私は非関連の要素に焦点だろう「ハック」あなたが入力のためのキー入力やからkeyupを使用したほうが良いと思いますし、この

$('input:text, textarea').keypress(function() { 
     formChanges.changed = true; 
    }); 

    $('select, input:radio, input:checkbox').change(function(){ 
     formChanges.changed = true; 
    }); 

Answer 2

のように選択し、ラジオのための変更のためにcheckloadsの前にアンロードするとき。 keypressは実際に変更を意味しません。

編集：Nicolaのように、変更されているかどうかを絶対に確認するには、おそらく元の値と比較する必要があります。

Answer 3

これはかなりうまく動作するようです：

var oldForm = null; 
function monitorChanges(form) { 
    if(oldForm == null) { 
     oldForm = ($(form).serialize()); 
    } else { 
     alert(oldForm == $(form).serialize()); 
    } 
}