onwheel-tapahtuma

DOM-tapahtumat WheelEvent

Määritelmä ja käyttö

onwheel-tapahtuma tapahtuu, kun hiiren rulla pyörii ylös tai alas elementissä.

onwheel-tapahtuma tapahtuu myös, kun käyttäjä pyörittää tai suurennus tai pienennys elementtiä kosketuslevyllä.

Esimerkki

Muuta div-elementin fonttikokoa, kun käyttäjä pyörittää hiiren rullaa sen päällä:

document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
  this.style.fontSize = "35px";
}

Kokeile itse

Syntaksi

HTML:ssä:

<elementti onwheel="myScript">

Kokeile itse

JavaScriptissa:

objekti.onwheel = function(){myScript};

Kokeile itse

JavaScriptissa käytetään addEventListener() -menetelmää:

objekti.addEventListener("wheel", myScript);

Kokeile itse

Huomautus:Internet Explorer 8 ja aikaisemmat versiot eivät tue addEventListener() -menetelmä.

Tekninen tarkistus

Puhkeava: Tuki
Peruutettavissa: Tuki
Tapahtumatyypit: WheelEvent
Tuetut HTML-merkit: Kaikki HTML-elementit
DOM-versio: Taso 3 tapahtumat

Selaimen tuki

Taulukossa olevat numerot huomioivat ensimmäisen selaimesversion, joka tukee tapahtumaa täysin.

tapahtuma Chrome IE Firefox Safari Opera
onwheel 31.0 9.0 17.0 Ei tuettu 18.0

Huomautus:IE:ssä tuetaan vain wheel-tapahtumaa addEventListener()-menetelmän kautta. DOM-objekteilla ei ole onwheel-ominaisuutta.

DOM-tapahtumat WheelEvent