检查输入字段的值是否更改

Question

我有一个输入字段，其中的值是使用模态填充的，仅当我单击按钮时，就会出现一个模态，并且我将在其中选择一些内容，它将填充我的输入字段。

现在我的问题是，只要输入字段的值发生变化，我都想触发一个事件。 我已经尝试使用.change和.blur，但是它不会触发。

这就是我尝试过的一切：

$('#myTextbox').on('input', function() {
    alert("test");
});

$('#myTextbox').on('change', function() {
    alert("test");
});

$('#myTextbox').on('blur', function() {
    alert("test");
});

Answer 1

使用event delegation

您的问题是您输入的字段是动态生成的。 因此，当页面准备就绪时，它不在DOM中。

$('body').on('blur', '#myTextbox', function() {
    alert("test");
});

仅供参考，您也可以使用change 。

编辑

您可以使用setTimeout一种解决方案，直到填充文本框的值。

要么

您可以尝试使用DOMAttrModified

$('body').on('DOMAttrModified propertychange paste', '#myTextbox', function() {
    alert("test");
});

参考

Answer 2

$(document).ready(function() {
    $('#myTextbox').on('blur', function() {
        alert("test");
    });
});

OR

$(document).ready(function() {
    $('#myTextbox').on('change', function() {
        alert("test");
    });
});

Answer 3

尝试这样使用，可能是您的input字段在运行时填充，这就是事件未触发的原因。

$(document).on('change blur keyup', '#myTextbox', function() {
    alert("test");
});

您可以将所有事件绑定到一个.on()方法中。 无需写任何次数。