Nativamente isso deverá ser feito através do método dispatchEvent
de um objeto EventTarget
. O parâmetro indicado neste método deverá ser um objeto do tipo Event
. Ou seja, primeiro precisamos criar a instância do evento que desejamos disparar; nesse caso, para exemplificar, utilizarei os eventos click
e mouseover
.
const click = new Event("click");
const mouseOver = new Event("mouseover");
Buscamos pelo elemento alvo no DOM:
const button = document.getElementById("button");
E disparamos os respectivos eventos:
button.dispatchEvent(click);
button.dispatchEvent(mouseOver);
Veja funcionando:
const click = new Event("click");
const mouseOver = new Event("mouseover");
const button = document.getElementById("button");
button.addEventListener("click", function (event) {
alert("Click");
});
button.addEventListener("mouseover", function (event) {
this.style.color = "red";
});
button.dispatchEvent(click);
button.dispatchEvent(mouseOver);
<button id="button">Clique em mim</button>