JQuery 动态赋值后触发事件的方法

正常情况下,我们可以通过 .on() 方法监听事件,比如监听文本框内容变化:

代码语言:javascript代码运行次数:0运行复制
$('#myInput').on('change', function() {
    alert('Input value changed!'); // 当值改变时弹出提示框
});

但是,如果文本框的内容并非用户输入,而是通过程序计算动态赋值,比如:

代码语言:javascript代码运行次数:0运行复制
$('#myInput').val('www.02405');

这时,上面的代码不会做出响应,解决办法是在动态赋值后使用 .trigger() 方法手动触发事件。

代码语言:javascript代码运行次数:0运行复制
$('#myInput').val('Hello').trigger('change');

这样,本文开头的代码就会正常响应并执行了。