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
event.preventDefault();
Esimerkki
Tehdään niin, että linkkiä napsautettaessa ei siirry toiselle sivulle:
<a href="/" id="elem">linkki</a>
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
alert('et voi seurata tätä linkkiä!');
});
:
Katso myös
-
addEventListener-metodi,
joka liittää tapahtumia -
removeEventListener-metodi,
joka irrottaa tapahtumia
