1

Olá! Como eu executo um código dentro do event listener programaticamente?

Exemplo:

document.getElementById("voltar").addEventListener('click', function() {
    alert("teste");
}, true);

Quero executar o alert do addEventListener. Tentei setar um nome no function(), e chamar alerta_listener() mas não funcionou.

2 Respostas 2

1

Você pode executar o alert (ou qualquer outro código dentro do event listener) criando um trigger click() para o evento:

document.getElementById("voltar").click();

document.getElementById("voltar").addEventListener('click', function() {
    alert("teste");
}, true);

document.getElementById("voltar").click();
<input type="button" value="Voltar" id="voltar" />

Pode também usar uma função separada:

function alerta(){
    alert("teste");
}

document.getElementById("voltar").addEventListener('click', alerta, true);

function alerta(){
	alert("teste");
}

document.getElementById("voltar").addEventListener('click', alerta, true);
<button type="button" id="voltar">Voltar</button>

0

Você pode abstrair o conteúdo dessa função, e criar outra, a chamando quando desejar. Ex:

 function Teste(){
    alert("teste");
}

document.getElementById("voltar").addEventListener('click', function() {
  Teste();
}, true);
<button type="button" id="voltar">Voltar</button>

Ou, caso utilize JQuery, pode disparar o evento utilizando o trigger.

Ex: $(elemento).trigger("click");

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .