jquery changeを一回だけ呼び出したい

Question

イベントを一回だけ呼び出したい

記事編集画面にて編集して更新しないまま他の画面に戻ろうとする場合アラートを出す機能をjqueryで作りたいです。

発生している問題・エラーメッセージ

フォームの入力をするたびconfirmのaaaが出てきます。
.confirm_jsは一覧に戻るボタンのクラスです。
.form-control, :checkbox, :radioはフォームについているクラスです。

該当のソースコード

    $('.form-control, :checkbox, :radio').off('change');
    $('.form-control, :checkbox, :radio').on('change', function() {
            $('.confirm_js').click(function() {
                if(!confirm('aaa')){
                    return false;
                }else{
                    return true;
                }
            });
    });

試したこと

changeイベントを呼ぶ前にoffでリセットしたほうが良いと見ましたがうまくいきませんでした。
解決策を教えていただきたいです。よろしくお願いいたします。

Comments

[m.ts10806]

HTMLもご提示ください。

Answer 1

changeするたびに$('.confirm_js').clickを追加してはいけません。
changeイベントではフラグを立てるくらいがちょうどよいのでは？

Comments

[yambejp]

$(function(){
var flg=false;
$('.form-control, :checkbox, :radio').on('change', function() {
flg=true;
});
$('.confirm_js').on('click',function() {
if(flg){
if(!confirm('aaa')){
return false;
}else{
return true;
}
}
});
});

[Khack]

勉強になりました。大変ありがとうございました！