JQuery – Delegação de eventos nomeadas

É muito útil conhecer este recurso de nomeação de delegação de eventos, de forma que facilite imensamente adicionar e remover delegações de eventos específicas.

Utilizando JQuery, basta:
$(“”).bind(“.”,function(){…});

Com isto, para remover este evento específico, bastaria utilizar o evento mais o nome com o unbind para somente este evento alvo ser excluído do elemento. Todos os demais permanecerão. Sintaxe abaixo:

$(“”).unbind(“”);

Exemplo de utilização abaixo:
Delegar evento:

$("#id_elemento").bind("click.nome_dado",function(){});
$("#id_elemento").bind("click.segundo_nome",function(){});

Agora o elemento atenderá aos dois eventos.

$("#id_elemento").unbind("click.segundo_nome");

Agora o elemento só atenderá ao evento de clique, de identificação “nome_dado”, visto que o mesmo não foi removido.

Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!

Artigos relacionados:

JQuery – Gerando evento automaticamente para todos os elementos filhos Prevenindo a execução de ng-click aninhados no Angular.js Convertendo chamada Angular.js 1.x $http para jQuery Ajax com cross-domain Obter o nome da tag de um elemento HTML utilizando jQuery Como implementar o jQuery timeago Como acessar um iframe via jQuery JQuery – Obter a versão utilizada jQuery like Angular.js directive jQuery 3.0 Beta lançado!