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

javascriptevent.preventDefault();

Exemplo

Vamos fazer com que, ao clicar em um link, não ocorra a navegação para outra página:

html<a href="/" id="elem">link</a>

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
  event.preventDefault();
  alert('você não pode seguir este link!');
});

Результат:

Veja também