只是建议一个不需要手动调用监听器事件的替代方案:

无论您的事件侦听器做什么，都要将其移动到一个函数中，并从事件侦听器调用该函数。

然后，您还可以在需要完成与事件触发时相同的事情的其他任何地方调用该函数。

我发现这种方法不那么“代码密集”，也更容易阅读。

我只是使用了以下方法(似乎更简单):

element.blur();
element.focus();

在这种情况下，只有当值真的发生改变时才会触发事件，就像由用户执行的正常焦点轨迹丢失会触发它一样。

你可以使用我一起编译的这个函数。

if (!Element.prototype.trigger)
  {
    Element.prototype.trigger = function(event)
    {
        var ev;

        try
        {
            if (this.dispatchEvent && CustomEvent)
            {
                ev = new CustomEvent(event, {detail : event + ' fired!'});
                this.dispatchEvent(ev);
            }
            else
            {
                throw "CustomEvent Not supported";
            }
        }
        catch(e)
        {
            if (document.createEvent)
            {
                ev = document.createEvent('HTMLEvents');
                ev.initEvent(event, true, true);

                this.dispatchEvent(event);
            }
            else
            {
                ev = document.createEventObject();
                ev.eventType = event;
                this.fireEvent('on'+event.eventType, event);
            }
        }
    }
  }

触发以下事件:

var dest = document.querySelector('#mapbox-directions-destination-input');
dest.trigger('focus');

观察事件:

dest.addEventListener('focus', function(e){
   console.log(e);
});

希望这能有所帮助!

最有效的方法是直接调用已经注册到addEventListener的相同函数。

您还可以使用CustomEvent和co触发一个假事件。

最后，一些元素如<input type="file">支持.click()方法。

你想要的是这样的:

document.getElementByClassName("example").click();

使用jQuery，它是这样的:

$(".example").trigger("click");

值得注意的是，我们可以创建任何类型的预定义事件，并在任何地方收听。

我们并不局限于经典的内置事件。

在这个基本示例中，自定义事件interfacebuiltsuccessuserdefinedevent每3秒在self.document上分派一次

self.document。addEventListener('interfacebuiltsuccessuserdefinedevent'， () => console.log("WOW")， false) setInterval(() =>{//测试 self.document。dispatchEvent(新事件(interfacebuiltsuccessuserdefinedevent)) }， 3000) //测试

有趣的事实:元素可以侦听尚未创建的事件。