Olá, Tiago, tudo bem?
Normalmente utilizamos o método stopPropagation
quando sabemos que há um elemento pai com um listener que possa "ouvir" a propagação daquele evento, geralmente se tratando do evento onClick
, como no exemplo que o Leonardo Negrão deu no outro tópico.
Entretanto, no caso desse curso, acredito que o instrutor tenha feito isso apenas para prevenir qualquer comportamento inesperado, mesmo que talvez não tenha sido necessário.
Existe alguma chance desse efeito se propagar?
Respondendo diretamente a sua pergunta, na verdade qualquer evento se propaga para outros elementos HTML caso não utilizemos o stopPropagation
.
Mas nesse caso específico da aula, a única situação que geraria um comportamento inesperado (caso não utilizemos o stopPropagation
) seria: caso um elemento pai de um input com um listener para o evento onChange
(por exemplo, o form
) também tivesse um listener para o onChange
. Ainda que um form
com um listener para um onChange
não faça muito sentido, foi uma das únicas situações que consegui imaginar.
Sintetizando, minha dica pessoal é que você não precisa utilizar stopPropagation
em todos os handlers de eventos, mas sim naqueles que você perceba que há um potencial risco na propagação do evento. E caso você não saiba se há um risco, você pode usar esse método apenas para prevenção.
Espero ter ajudado! Abraços e bons estudos :)