Jqueryの機能を無効にして有効にする

Question

htmlでのテキスト入力は、異なる無線とチェックボックスの.change()イベントによって発生する関数の影響を受けます。私はそれを入力しようとしている場合、ユーザーが入力に入力した場合、この関数は前述のラジオとチェックボックス（これらのラジオとチェックボックスを使用できる必要があります）で.change()イベントが発生したときにもう実行されません。ただし、ユーザーが入力を空白のままにしてクリックした場合、スクリプトは再び実行されます。私は可能です。 これまでの私の取っているところは次のとおりです。 .prop('diabled'を使用すると入力が完全に無効になり、ユーザーが入力できなくなるため、別の解決策が必要です。

$(function() { 
    $('#burger-navn').on('input', function() { 
    $("#burger-navn").prop('disabled', true); 
    }); 
//When the input (#burger-navn) is typed into it should be "disabled" 
    $('#burger-navn').focusout(function() { 
    if ($(this).val().length == 0) { 
     $("#burger-navn").prop('disabled', false); 
    } 
    }); 
//But if its clicked out of while its blank, it should be able to run again. 
    $("#okseinput, #laksinput, #kyllinginput, #vegetarinput").change(function() { 
    if (!$("#burger-navn").not(':disabled')) { //condition that tests 
     navngenerator(); 
    } 
    }); 
}); 

Answer 1

$(selector).on('change', function(event){ 
    event.preventDefault(); 
    event.stopPropagation(); 
    // the selected field no longer does anything on change 
}); 

あなたが探しているものということでしょうか？

Answer 2

これを解決するために、無効な属性を追加および削除できる別の入力タグを作成し、その属性があるかどうかを確認しました。 HTML中のSO ：

<input id="burger-navn" type="text"/> 
    <input id="toggle" disabled="disabled" style="display:none"/> 

jQueryの：あなたが本当に一度だけ、それを発射する必要がある場合

var previousValue = $("#burger-navn").val(); 
    $("#burger-navn").keyup(function(e) { 
     var currentValue = $(this).val(); 
     if(currentValue != previousValue) { 
      previousValue = currentValue; 
      $("#toggle").prop('disabled', false); 
     }//This function will remove disabled from #toggle, when a user types into #burger-navn 
    }); 
    $('#burger-navn').focusout(function() { 
    if ($(this).val().length == 0) { 
     $("#toggle").prop('disabled', true); 
    } 
    }); 
    if ($("#toggle").is(':disabled')) { 
    navngenerator(); 
    } 
    $("#okseinput, #laksinput, #kyllinginput, #vegetarinput").change(function() { 
    if ($("#toggle").is(':disabled')) { 
     navngenerator(); 
    } 
    });