触发input的change事件时dispatchEvent/trigger报not a function如何解决

• dispatchEvent是原生DOM元素的专属API，你代码中通过$(input)获取到的是jQuery封装后的实例对象，没有该原生方法，因此调用后直接报错。
• 若替换为jQuery的trigger()方法仍报错，通常有两个诱因：一是项目未正确引入jQuery依赖，$并非指向jQuery实例；二是你的选择器没有匹配到对应DOM元素，拿到的是空jQuery对象，调用方法时触发报错。

你可以根据项目技术栈选对应方案：

方案1：纯原生JS实现（无jQuery依赖） #

直接获取原生DOM节点触发事件即可：

var input = document.querySelector(me.lengthSelector);
// 兼容IE可以替换为document.createEvent的写法，现代浏览器直接用Event构造函数即可
let event = new Event('change');
input.dispatchEvent(event);

方案2：基于jQuery实现（确保项目已正确引入jQuery） #

写法A：提取jQuery对象内的原生DOM调用dispatchEvent #

// [0]可以取出jQuery集合中的第一个原生DOM节点
$(input)[0].dispatchEvent(new Event('change'));

写法B：直接调用jQuery的trigger方法 #

// 调用前可打印$(input).length确认匹配到了元素，避免空对象报错
$(input).trigger('change');

内容的提问来源于stack exchange，提问作者Zyfella