Javascript 即使受到限制，也会添加空白元素

在中，只有当文本区域不为空时，才需要启用添加按钮。为此，我添加了以下代码：

// show add button only when text is entered
$("#new_todo_item").on("change input propertychange paste", function(){  // line # 64 in JS
    $("#add").prop('disabled' , ! $("#new_todo_item").val().length );
});

若要重现问题，请添加第一项，然后对于第二项，允许添加空项，即使在第三项也是如此

代码的这一部分在早些时候起作用。我认为，由于做出了进一步的改变，有些东西与此相冲突

我做错了什么？有人能告诉我正确的方向吗

编辑：

我将该部分代码更改为：

$（document）.on（“更改输入属性更改粘贴”，“新建待办事项”，函数（）{…}）,

但是没有任何区别。
在
附加项中重置文本区域后
：

// reset the content of textarea
$("#new_todo_item").val("");

…只需再次禁用该按钮：

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

@PatrickEvans：我将这部分代码更改为：
$（文档），但这没有任何区别。是的，这是我的错误，我认为这不是什么，意思是道具的设置，认为你正在为每个新项目创建一个新的输入，只是先检查值长度。是的，这应该行得通。但是，我的代码不应该做同样的事情吗？为什么不起作用？@RahulDesai:以编程方式设置
值
不会触发任何事件。