Cancelar Eventos no Javascript (event.stopPropagation)

Este tutorial ensina sobre as diferentes maneiras de cancelar eventos em JavaScript. Ele também explica como podemos evitar borbulhar até o elemento pai por meio de um código de exemplo.

• Várias maneiras de cancelar eventos em JavaScript
• Use event.preventDefault () para cancelar eventos em JavaScript
• Use event.stopPropagation () para cancelar eventos em JavaScript
• Use return false para cancelar eventos em JavaScript

Use event.preventDefault() para cancelar eventos em JavaScript

O evento cancelável é impedido pelo preventDefault (); método no código de exemplo superior. Aqui, o cancelável significa que a ação padrão que pertence ao evento não ocorrerá.

O preventDefault(); também é útil para evitar o envio de formulários e um link redirecionando para a URL desejada.

Lembre-se, nem todo evento precisa ser cancelável. Podemos usar a propriedade cancelável para verificar se o evento é cancelável ou não.

No entanto, o preventDefault(); não impede a propagação. Podemos usar o método stopPropagation(), que é fornecido abaixo.