Solucionado
Eu entendi o que o Leonardo Negrão explicou em um outro post sobre o que é stopPropagation e o exemplo que ele deu para eventos de clique.
Mas por quê usar o stopPropagation em eventos de onChange em um input?
Existe alguma chance desse efeito se propagar?
Ou o event.stopPropagation() é apenas uma boa prática quando estivermos lidando com eventos no geral?
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 :)
Entendido, Antônio! Ajudou sim. Valeu!!