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.

Dúvidas? Faça um comentário logo abaixo ou envie uma mensagem clicando aqui.

O seu endereço de e-mail não será publicado.