Minha resposta é baseada no caso de se inserir APENAS 1 botão com a id #BtnRemove
, conforme informado na pergunta:
Tenho um botão de remover que é gerado via Jquery[...]
Se estiver inserindo vários desses botões, já está incorreto pois estás duplicando id
s, pois um id
deve ser único na página. Se for este o caso, é preciso fazer de outra forma utilizando class
em vez de id
.
Você pode usar document.querySelector("body").addEventListener("click"...
verificando se o target
do evento possui a id
do botão:
document.querySelector("body").addEventListener("click", function(e){
if(e.target.id == 'BtnRemove'){
// ação ao clicar no botão
}
});
A variável e
(você pode usar qualquer nome para essa variável) retorna o evento chamado. A propriedade target
retorna o elemento alvo do evento (no caso, o elemento clicado) e .id
o atributo id
do elemento.
Verificando no if
se a id
é a do elemento quem questão (botão "Remover"), você pode executar a ação que deseja.
Exemplo ilustrativo:
document.querySelector("body").addEventListener("click", function(e){
if(e.target.id == 'BtnRemove'){
console.log("botão clicado");
}
});
$("span").html("<div id='BtnRemove'>Remover</div>");
#BtnRemove {
padding: 10px;
color: #fff;
background: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span></span>
<div>
. Agora, o que você quer dizer em clicar no botão com JavaScript puro e por que essa restrição uma vez que você já está utilizando JQuery?