我已经使用addEventListener将事件附加到文本框。它工作得很好。当我想从另一个函数以编程方式触发事件时，问题就出现了。
我该怎么做呢?
当前回答
只是建议一个不需要手动调用监听器事件的替代方案:
无论您的事件侦听器做什么，都要将其移动到一个函数中，并从事件侦听器调用该函数。
然后，您还可以在需要完成与事件触发时相同的事情的其他任何地方调用该函数。
我发现这种方法不那么“代码密集”，也更容易阅读。
其他回答
你可以使用下面的代码来使用Element方法触发事件:
if (!Element.prototype.triggerEvent) {
Element.prototype.triggerEvent = function (eventName) {
var event;
if (document.createEvent) {
event = document.createEvent("HTMLEvents");
event.initEvent(eventName, true, true);
} else {
event = document.createEventObject();
event.eventType = eventName;
}
event.eventName = eventName;
if (document.createEvent) {
this.dispatchEvent(event);
} else {
this.fireEvent("on" + event.eventType, event);
}
};
}
if (!Element.prototype.triggerEvent) { Element.prototype.triggerEvent = function (eventName) { var event; if (document.createEvent) { event = document.createEvent("HTMLEvents"); event.initEvent(eventName, true, true); } else { event = document.createEventObject(); event.eventType = eventName; } event.eventName = eventName; if (document.createEvent) { this.dispatchEvent(event); } else { this.fireEvent("on" + event.eventType, event); } }; } var input = document.getElementById("my_input"); var button = document.getElementById("my_button"); input.addEventListener('change', function (e) { alert('change event fired'); }); button.addEventListener('click', function (e) { input.value = "Bye World"; input.triggerEvent("change"); }); <input id="my_input" type="input" value="Hellow World"> <button id="my_button">Change Input</button>
var btn = document.getElementById('btn-test');
var event = new Event(null);
event.initEvent('beforeinstallprompt', true, true);
btn.addEventListener('beforeinstallprompt', null, false);
btn.dispatchEvent(event);
这将立即触发一个事件'beforeinstallprompt'
你想要的是这样的:
document.getElementByClassName("example").click();
使用jQuery，它是这样的:
$(".example").trigger("click");
只是建议一个不需要手动调用监听器事件的替代方案:
无论您的事件侦听器做什么，都要将其移动到一个函数中，并从事件侦听器调用该函数。
然后，您还可以在需要完成与事件触发时相同的事情的其他任何地方调用该函数。
我发现这种方法不那么“代码密集”，也更容易阅读。
最有效的方法是直接调用已经注册到addEventListener的相同函数。
您还可以使用CustomEvent和co触发一个假事件。
最后，一些元素如<input type="file">支持.click()方法。
