event.preventDefault -metodi

event.preventDefault -metodin avulla voit peruuttaa selaimen oletustoiminnot. Esimerkiksi tehdä niin, että linkkiä napsautettaessa ei siirry toiselle sivulle tai painiketta painettaessa lomaketta ei lähetetä palvelimelle. Käyttötapa: yksinkertaisesti funktion sisällä, joka on liitetty tapahtumaan, missä tahansa kohdassa kutsutaan event.preventDefault(), jossa event on Event -objekti.

Syntaksi

javascriptevent.preventDefault();

Esimerkki

Tehdään niin, että linkkiä napsautettaessa ei siirry toiselle sivulle:

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

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

elem.addEventListener('click', function(event) {
  event.preventDefault();
  alert('et voi seurata tätä linkkiä!');
});

Результат:

Katso myös