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.