Método event.preventDefault
O método event.preventDefault permite
cancelar as ações padrão do navegador.
Por exemplo, fazer com que ao clicar em
um link não haja navegação para outra página
ou, ao pressionar um botão, um formulário não seja enviado
ao servidor. Como usar: simplesmente, dentro da função
que está vinculada ao evento, em qualquer lugar,
chame event.preventDefault(),
onde event é o objeto Event.
Sintaxe
event.preventDefault();
Exemplo
Vamos fazer com que, ao clicar em um link, não ocorra a navegação para outra página:
<a href="/" id="elem">link</a>
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
alert('você não pode seguir este link!');
});
:
Veja também
-
método
addEventListener,
que vincula eventos -
método
removeEventListener,
que desvincula eventos
