evenement op het wiel
Voorbeeld
Wanneer de gebruiker met het muiswiel over een <div>-element beweegt, wijzigt u de lettergrootte:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
Definitie en gebruik
De onwheel-gebeurtenis vindt plaats wanneer het muiswiel omhoog of omlaag wordt gerold over een element.
De onwheel-gebeurtenis vindt ook plaats wanneer de gebruiker in- of uitzoomt op een element met behulp van een touchpad (zoals de "muis" van een laptop).
Browserondersteuning
De cijfers in de tabel geven de eerste browserversie aan die de gebeurtenis volledig ondersteunt.
Event | |||||
---|---|---|---|---|---|
onwheel | 31.0 | 9.0 | 17.0 | Not supported | 18.0 |
Opmerking: in IE wordt de wheel-gebeurtenis alleen ondersteund met de methode addEventListener(). Er is geen onwheel-attribuut voor DOM-objecten.
Syntaxis
In HTML:
<element onwheel="myScript">
In javascript:
object.onwheel = function(){myScript};
In JavaScript, met behulp van de addEventListener()-methode:
object.addEventListener("wheel", myScript);
Opmerking: de methode addEventListener() wordt niet ondersteund in Internet Explorer 8 en eerdere versies.
Technische details
bubbels: | Ja |
---|---|
Annuleerbaar: | Ja |
Evenementtype: | WielEvent |
Ondersteunde HTML-tags: | Alle HTML-elementen |
DOM-versie: | Niveau 3 Evenementen |