Oletustoiminnon peruuttaminen jQueryssä

Kuten jo tiedät, käyttäjän toiminta JavaScriptissä peruutetaan käyttämällä event.preventDefault(). Estetään lomaketietojen lähettäminen sekä tapahtuman kupliminen:

javascript$('form').on('submit', function(event) {
  event.preventDefault();
});

Voidaan myös estää vain lomaketietojen lähettäminen (mutta ei tapahtuman kupliminen) jQuery-tyylillä - tätä varten tapahtuman käsittelijäfunktion tulee palauttaa false:

javascript$('form').on('submit', function() {
  return false;
});

Tietenkin mitä tahansa tapahtumaa voidaan peruuttaa, esimerkiksi linkkiin klikkaamisen. Esimerkiksi, meillä on seuraava linkki HTML-koodissa:

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

Käytetään nyt toiminnon peruutusta:

javascript$('a').on('click', function () {
  alert('Et voi siirtyä tälle linkille!');
  return false;
});