我已经使用addEventListener将事件附加到文本框。它工作得很好。当我想从另一个函数以编程方式触发事件时，问题就出现了。
我该怎么做呢?
当前回答
值得注意的是，我们可以创建任何类型的预定义事件，并在任何地方收听。
我们并不局限于经典的内置事件。
在这个基本示例中，自定义事件interfacebuiltsuccessuserdefinedevent每3秒在self.document上分派一次
self.document。addEventListener('interfacebuiltsuccessuserdefinedevent'， () => console.log("WOW")， false) setInterval(() =>{//测试 self.document。dispatchEvent(新事件(interfacebuiltsuccessuserdefinedevent)) }， 3000) //测试
有趣的事实:元素可以侦听尚未创建的事件。
其他回答
最有效的方法是直接调用已经注册到addEventListener的相同函数。
您还可以使用CustomEvent和co触发一个假事件。
最后，一些元素如<input type="file">支持.click()方法。
你想要的是这样的:
document.getElementByClassName("example").click();
使用jQuery，它是这样的:
$(".example").trigger("click");
注意:initEvent方法现在已弃用。其他回答功能最新的和建议的做法。
你可以在ie8或更低版本上使用fireEvent，在大多数其他浏览器上使用W3C的dispatchEvent。要创建想要触发的事件，可以根据浏览器使用createEvent或createEventObject。
下面是一段不言自明的代码(来自原型)，它可以触发元素上可用的事件数据:
var event; // The custom event that will be created
if(document.createEvent){
event = document.createEvent("HTMLEvents");
event.initEvent("dataavailable", true, true);
event.eventName = "dataavailable";
element.dispatchEvent(event);
} else {
event = document.createEventObject();
event.eventName = "dataavailable";
event.eventType = "dataavailable";
element.fireEvent("on" + event.eventType, event);
}
值得注意的是，我们可以创建任何类型的预定义事件，并在任何地方收听。
我们并不局限于经典的内置事件。
在这个基本示例中，自定义事件interfacebuiltsuccessuserdefinedevent每3秒在self.document上分派一次
self.document。addEventListener('interfacebuiltsuccessuserdefinedevent'， () => console.log("WOW")， false) setInterval(() =>{//测试 self.document。dispatchEvent(新事件(interfacebuiltsuccessuserdefinedevent)) }， 3000) //测试
有趣的事实:元素可以侦听尚未创建的事件。
一个工作的例子:
// Add an event listener
document.addEventListener("name-of-event", function(e) {
console.log(e.detail); // Prints "Example of an event"
});
// Create the event
var event = new CustomEvent("name-of-event", { "detail": "Example of an event" });
// Dispatch/Trigger/Fire the event
document.dispatchEvent(event);
对于较旧的浏览器填充和更复杂的示例，请参阅MDN文档。
请参阅EventTarget的支持表。dispatchEvent和CustomEvent。
