onwheel-gebeurtenis
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"; }
Syntaxis
In HTML:
<element onwheel="myScript">
In JavaScript:
object.onwheel = function(){myScript};
In JavaScript, gebruik de addEventListener() methode:
object.addEventListener("wheel", myScript);
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.