Skip to main content
adicionou 736 caracteres ao conteúdo
Fonte Link
Caique Romero
  • 7,2mil
  • 2
  • 24
  • 51

Além do próprioPara dispara um evento EventTarget.clickdispatchEvent() você pode utilizar o:

Dispara um Event para o EventTarget especificado, invocando os EventListeners especificados, em uma ordem apropriada. O processamento normal das regras (including the capturing and optional bubbling phase) aplica-se a eventos disparados manualmente com dispatchEvent(). EventTarget.dispatchEvent()

Para capturar um evento addEventListener() para capturar o evento deseja:

O addEventListener() registra uma única espera de evento em um único alvo. O alvo do evento pode ser um único elemento em um documento, o documento em si, uma janela, ou um XMLHttpRequest. addEventListener

Veja o exemplo abaixo:

//Atribuo o elemento a variável btn
var elbtn = document.getElementById("button"'btn');

//Crio um evento novo chamado Clicado
var event = new Event('Clicado');
el
//Criar uma função para executar quando evento clicado for capturado
btn.addEventListener("click""Clicado", function(){
  alertconsole.log("oi""o evento clicado foi disparado!!");
}, false);

//Dispara o evento
btn.dispatchEvent(event);

//IE e browsers em versões antigos utilizam o fireEvent
//btn.fireEvent("on" + event.eventType, event);
<button id="button">Clique em mim<id="btn">Botão</button>

Além do próprio .click() você pode utilizar o addEventListener() para capturar o evento deseja:

O addEventListener() registra uma única espera de evento em um único alvo. O alvo do evento pode ser um único elemento em um documento, o documento em si, uma janela, ou um XMLHttpRequest. addEventListener

Veja o exemplo abaixo:

var el = document.getElementById("button"); 

el.addEventListener("click", function(){
  alert("oi");
}, false); 
<button id="button">Clique em mim</button>

Para dispara um evento EventTarget.dispatchEvent():

Dispara um Event para o EventTarget especificado, invocando os EventListeners especificados, em uma ordem apropriada. O processamento normal das regras (including the capturing and optional bubbling phase) aplica-se a eventos disparados manualmente com dispatchEvent(). EventTarget.dispatchEvent()

Para capturar um evento addEventListener():

O addEventListener() registra uma única espera de evento em um único alvo. O alvo do evento pode ser um único elemento em um documento, o documento em si, uma janela, ou um XMLHttpRequest. addEventListener

//Atribuo o elemento a variável btn
var btn = document.getElementById('btn');

//Crio um evento novo chamado Clicado
var event = new Event('Clicado');

//Criar uma função para executar quando evento clicado for capturado
btn.addEventListener("Clicado", function(){
  console.log("o evento clicado foi disparado!!");
}, false);

//Dispara o evento
btn.dispatchEvent(event);

//IE e browsers em versões antigos utilizam o fireEvent
//btn.fireEvent("on" + event.eventType, event);
<button id="btn">Botão</button>

Fonte Link
Caique Romero
  • 7,2mil
  • 2
  • 24
  • 51

Além do próprio .click() você pode utilizar o addEventListener() para capturar o evento deseja:

O addEventListener() registra uma única espera de evento em um único alvo. O alvo do evento pode ser um único elemento em um documento, o documento em si, uma janela, ou um XMLHttpRequest. addEventListener

Veja o exemplo abaixo:

var el = document.getElementById("button"); 

el.addEventListener("click", function(){
  alert("oi");
}, false); 
<button id="button">Clique em mim</button>