jquery：非必需textarea的focusout防止触发点击事件的保存按钮

Question

我有一个texta的表单作为非必需。当我编辑textarea内的值并单击保存或取消或立即删除它不会触发第一次但触发第二次点击。如下图所示

我有我的jquery-validate onfocusout事件，如下所示，但它没有被触发

onfocusout: function(element) {
  if (!this.checkable(element) && element.name in this.submitted) {
    this.element(element);
  }
},

我错过了什么吗？我正在使用Asp.NET MVC TextAreaFor html helper，如下所示

 @Html.TextAreaFor(m => m.Comment, new {@class = "form-control", data_bind = "value:Comment,attr:{id:commentId}" })

Answer 1

实际上这不是jquery-validator或kendo-data-binding的问题，问题出现是因为当填写textarea并清除它时按钮会移动。

当您按下鼠标键时，按钮位于一个位置，但是当您松开按钮时，按钮已移动并且不再位于鼠标指针下方。这就是为什么不会抛出click事件。

检查注释字段上是否有任何onblur事件处理程序。这可能是没有从按钮抛出click事件的原因。

或者您可以使用kendo data-value-update="keyup"绑定数据onKeyup。