⊗jqEvtCDA 102 of 113 menu

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:

$('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:

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

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

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

Käytetään nyt toiminnon peruutusta:

$('a').on('click', function () { alert('Et voi siirtyä tälle linkille!'); return false; });
Suomi
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Käytämme evästeitä verkkosivuston toiminnalle, analytiikalle ja personoinnille. Tietojen käsittely tapahtuu Tietosuojakäytännön mukaisesti.
hyväksy kaikki mukauta hylkää