如果您不在 textarea 上发短信，则禁用的按钮不起作用

Question

伙计们，我正在尝试制作待办事项清单。

如果文本区域上没有任何内容，按钮将被禁用。如果您开始键入，按钮不会被禁用。好的，这适用于我的代码，但在添加列表后，按钮未被禁用。但是，如果我在 textarea 按钮上键入并删除我的文本，则该按钮将被禁用，而如果我键入，按钮将不会被禁用。我想要的是，单击按钮后（添加列表后），必须禁用按钮直到我键入。 here fiddle

$(function() {
  $('#textarea').val('');
  
  $('#button').attr("disabled", true);
  $('#button').css('background', 'red');

  $('#textarea').keyup(function(e) {
    var keyed = $(this).val();
    if ($(this).val() == 0) {
      $('#button').css('background', 'red');
      $('#button').attr("disabled", true);
    } else {
      $('#button').css('background', '#333');
      $('#button').attr("disabled", false);
    }
   
$('#button').click(function() {
    var userList = $('#textarea').val();
    $('#textarea').val('');
    $('#list-area').append("<br/>" + userList);
  }); 
  
  });
});

#todolist {
  width: 300px;
  height: 200px;
  margin: 10px auto;
  border: 1px solid red;
}
#center {
  text-align: Center;
  margin-top:5px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="todolist">
  <div id="center">
  <textarea rows="1" id="textarea"></textarea>
    <button id="button">Add</button>
  </div>
  <div id="list-area">
  
  </div>
</div>

Answer 1

在按钮点击事件中使用这一行

$(this).css('background', 'red').prop("disabled", true);

Working demo

如果您不在 textarea 上发短信，则禁用的按钮不起作用

Button disabled doesnt work if you dont text on textarea

jquery

button

keyup