Como você interrompe a propagação de eventos nas funções de receptor de eventos aninhados?
Os eventos se propagam até chegarem ao destino final em uma estrutura de receptores aninhados. Você precisa usar métodos específicos para impedir que o evento se propague ainda mais.
O método a seguir interrompe o evento no receptor dele.
event.stopPropagation();
Por exemplo, se você chamar StopPropagation no botão secundário, o evento de clique do mouse não se propagará para os níveis principal e do documento. Portanto, receptores de eventos no nível superior não serão acionados.
Interromper toda a propagação de eventos
StopPropagation interrompe somente a propagação do tipo atual de evento. Se o objeto tiver diferentes tipos de receptores de eventos registrados, eles ainda serão acionados apesar da chamada StopPropagation.
Para interromper todos os eventos relacionados a um objeto específico, você pode usar o método StopImmediatePropagation, da seguinte forma.
event.stopImmediatePropagation();
Quando um receptor de eventos chama StopImmediatePropagation, nenhum outro receptor de eventos associado ao objeto será acionado.