onwheel-gebeurtenis

DOM events WheelEvent

Definitie en gebruik

De onwheel-gebeurtenis wordt geactiveerd wanneer de muiswiel over het element omhoog of omlaag wordt gedraaid.

De onwheel-gebeurtenis wordt ook geactiveerd wanneer de gebruiker de touchpad gebruikt om elementen te scrolen, te vergroten of te verkleinen.

Voorbeeld

Wanneer de gebruiker met de muiswiel over het <div>-element scrolt, pas de lettergrootte aan:

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

Probeer het zelf

Syntaxis

In HTML:

<element onwheel="myScript">

Probeer het zelf

In JavaScript:

object.onwheel = function(){myScript};

Probeer het zelf

In JavaScript, gebruik de addEventListener() methode:

object.addEventListener("wheel", myScript);

Probeer het zelf

Note:Internet Explorer 8 of eerder ondersteunt dit niet addEventListener() methode.

Technische details

Bubbelend: Ondersteund
Annuleerbaar: Ondersteund
Gebeurtenis type: WheelEvent
Ondersteunde HTML-labels: Alle HTML-elementen
DOM versie: Niveau 3 Gebeurtenissen

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die dit gebeurtenis volledig ondersteunt.

gebeurtenis Chrome IE Firefox Safari Opera
onwheel 31.0 9.0 17.0 Not supported 18.0

Note:In IE, wheel events are only supported through the addEventListener() method. There is no onwheel property on DOM objects.

DOM events WheelEvent