onwheel-händelse

DOM-händelser WheelEvent

Definition och användning

onwheel-händelsen utlöses också när musens rullhjul rullar uppåt eller nedåt över ett element.

onwheel-händelsen utlöses också när användaren rullar eller zoomar in eller ut på element med en touchpad.

Exempel

Ändra storleken på tecknen när användaren rullar musens rullhjul över <div>-elementet:

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

Prova själv

Syntaks

I HTML:

<element onwheel="myScript">

Prova själv

I JavaScript:

objekt.onwheel = function(){myScript};

Prova själv

I JavaScript, använd addEventListener() metod:

objekt.addEventListener("wheel", myScript);

Prova själv

Kommentar:Internet Explorer 8 eller tidigare versioner stöder inte addEventListener() metod.

Tekniska detaljer

Bubbling: Stödjer
Kan avbrytas: Stödjer
HändelseTyp: WheelEvent
Stödda HTML-taggar: Alla HTML-element
DOM-version: Nivå 3-händelser

Webbläsarstöd

Tal i tabellen anger den första webbläsarversion som helt stöder denna händelse.

händelse Chrome IE Firefox Safari Opera
onwheel 31.0 9.0 17.0 Stöds inte 18.0

Kommentar:I IE stöds wheel-händelsen endast genom addEventListener() metod. Det finns ingen onwheel-egenskap på DOM-objektet.

DOM-händelser WheelEvent