javascript - 失去焦点时将输入设置为只读

Question

我可能无法理解我正在尝试做的事情背后的逻辑。基本上，当输入“#box_add”失去焦点时，我会显示消息并且效果很好。但是，当我单击“#activity1a”时，它仍然使输入变为只读，并显示“#activity”中的消息。

我这里的逻辑哪里出了问题。谢谢。

// new intake with files selected
    $(function() { 
    $("#activity1a").click(function () {

                $('#box_add').focusout(function(){
                $("#box_add").prop('readonly', true);
                $("#box_add").css({'background-color': '#fafafa'});
                notif({
                        msg: "Please Only input 1 box per file submission. Each box will hold approx 20 files. Thank you.",
                        type: "boxdstrError",
                        position: "center",
                        width: 490,
                        height: 75,
                        multiline: true,
                        timeout: 6000,
                        opacity: 0.8,
                        fade: 10,
                    });
               });
                $("#bfile_add").prop('disabled', false);

      });
      });

    // ordinary box intake
    $(function() { 
    $("#activity").click(function () {


            $("#box_add").prop('readonly', false);
            $("#box_add").css({'background-color': '#ffffff'});

            $("#bfile_add").prop('disabled', true);

      });
      });

Answer 1

像下面这样使用它

$(function() {
    $('input').on('blur',function(){
         $(this).attr('disabled','disabled'); //or use readonly
    });
    $('input').on('focus',function(){
        $(this).removeAttr('disabled'); //or use readonly attribute
    });

});