preventDefault() -tapahtumamenetelmä

DOM-tapahtumat Event-objekti

Määritelmä ja käyttö

Jos tapahtuma on peruutettavissa, preventDefault() -menetelmä peruuttaa tapahtuman, mikä tarkoittaa, että tapahtumaan kuuluvat oletusarvo toiminnot eivät tapahdu.

Tämä on hyödyllistä seuraavissa tilanteissa:

  • napsauta "Lähetä"-painiketta, estäksesi lomakkeen lähetyksen
  • napsauta linkkiä, estäksesi linkin URL:n seurauksen

Huomautus:Ei kaikki tapahtumat voidaan peruuttaa. Käytä cancelable -ominaisuus määrittääksesi, onko tapahtuma peruutettavissa.

Huomautus:preventDefault() -menetelmä ei estä tapahtuman leviämistä DOM:issa edelleen. Käytä stopPropagation() -menetelmää ratkaistaksesi tämän.

Esimerkki

Esimerkki 1

Estä linkin URL:n avaus:

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault();
});

kokeile itse

Esimerkki 2

Estä valintatyynyn oletusarvo toiminnot:

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault();
});

kokeile itse

syntaksi

tapahtuma.preventDefault()

Parametrit

Ei mitään.

Tekninen yksityiskohta

Palaute: Ei paluuarvoa.
DOM-versio: DOM Level 2 Events

Selaimen tuki

Taulukossa olevat numerot viittaavat ensimmäiseen selaimeseen, joka tukee tätä menetelmää täysin.

Menetelmät Chrome IE Firefox Safari Opera
preventDefault() Tuki 9.0 Tuki Tuki Tuki
DOM-tapahtumat Event-objekti