javascript - 为什么 keyup 事件没有正确触发？

Question

我正在尝试使用 jquery keyup 事件。但我无法让它正确触发。似乎只有在我使用鼠标单击输入字段外部时才会点击。我找不到它无法正常工作的原因。

HTML:

<input type="text" class="form-control requiredField validateField translateString " id="ReportInternalOrderTxt" data-isvalid="false">

Javascript:

$(document).off("keyup", "#ReportInternalOrderTxt").on("keyup", "#ReportInternalOrderTxt", function (e) {
     var result = parseInt($("#ReportInternalOrderTxt").val());
     $("#ReportInternalOrderTxt").attr("data-isvalid", (typeof result === "number" && (result % 1) === 0) && result > 0);
});

Answer 1

我认为您只是让每个人都感到困惑，认为按键不起作用，而实际上您正在谈论验证，直到您模糊了元素才触发。这是因为验证正在等待 onchange 触发，这是在模糊发生时发生的。所以需要设置好data属性后手动触发。

$(document).off("keyup.numValidate").on("keyup.numValidate", "#ReportInternalOrderTxt", function (e)
    var textbox = $(this);
    var result = parseInt(textbox.val(), 10);
    textbox.attr("data-isvalid", (typeof result === "number" && (result % 1) === 0) && result > 0);
    textbox.change(); // or textbox.trigger("change");
});