jqueryのは、私はこのエラーを取得していますなぜ

Question

を超えて：

Uncaught RangeError: Maximum call stack size exceeded

はここに私のコードです：他の人があなたを述べたように

$(document).on('keypress focusout', '.checklist-item-input', function (e) { 
    if (e.which == 13 || e.type == 'focusout') { 
    $('.checklist-item').removeClass('edit'); 
    $(this).siblings('.checklist-item-detail').text($(this).val()); 
    $(this).blur(); 
    $('.checklist-item-detail').each(function() { 
     if (!$(this).text().length) { 
     $(this).closest('.checklist-item').parent().remove(); 
     } 
    }); 
    } 
}); 

Answer 1

が効果的に再帰呼び出しを引き起こします。一つの簡単な修正は、それが再帰的に行く停止するセンチネル変数を追加することです：あなたは `.blur（呼び出す` focusout`を提起 `.blur（）`を呼び出すfocusout` `上

var busy = false; 
$(document).on('keypress focusout', '.checklist-item-input', function (e) { 
    if (!busy && e.which == 13 || e.type == 'focusout') { 
    busy = true; 
    $('.checklist-item').removeClass('edit'); 
    $(this).siblings('.checklist-item-detail').text($(this).val()); 
    $(this).blur(); 
    $('.checklist-item-detail').each(function() { 
     if (!$(this).text().length) { 
     $(this).closest('.checklist-item').parent().remove(); 
     } 
    }); 
    busy = false; 
    } 
});