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.