onwheel-hændelsen

DOM begivenheder WheelEvent

Definition og brug

onwheel-hændelsen udløses også, når musehjulet ruller op eller ned over elementet.

onwheel-hændelsen udløses også, når brugeren ruller eller zoomer på elementer med en touchpad.

Eksempel

Ændr skriftstørrelsen på <div>-elementet, når brugeren ruller med musehjulet over det:

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

Prøv det selv

Syntaks

I HTML:

<element onwheel="myScript">

Prøv det selv

I JavaScript:

object.onwheel = function(){myScript};

Prøv det selv

I JavaScript bruger du addEventListener() metoden:

object.addEventListener("wheel", myScript);

Prøv det selv

Bemærk:Internet Explorer 8 eller tidligere versioner understøtter ikke addEventListener() metoden.

Tekniske detaljer

Bobbel Understøttet
Kan annulleres: Understøttet
Hændelsestype: WheelEvent
Understøttede HTML-mærker: Alle HTML-elementer
DOM-version: Level 3 Events

Browser-understøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter denne hændelse.

hændelse Chrome IE Firefox Safari Opera
onwheel 31.0 9.0 17.0 Ikke understøttet 18.0

Bemærk:I IE understøttes wheel begivenheden kun gennem addEventListener() metoden. Der er ingen onwheel egenskab på DOM objekter.

DOM begivenheder WheelEvent