JavaScript/DOM/Event/wheel

Event-Handler	wheel
Bedeutung	wird beim Scrollen mit dem Mausrad ausgelöst
bubbles	ja
cancelable	ja
Elternelemente	Darf vorkommen in: allen Elementen
Event-Objekt	Maus-Event
Browsersupport
Beispiel	Der Button erhält durch addEventListener den Event-Handler wheel zugewiesen. Der Event-Handler wheel tritt in Aktion, wenn der Anwender mit dem Mausrad scrollt.
Beispiel ansehen … var elem = document.getElementById("buehne"); elem.addEventListener("wheel", amRadDrehen, true); function amRadDrehen(event) { if (!this.actSize) this.actSize = 1; if (event.deltaY < 0) { this.actSize = this.actSize / 2; } else { this.actSize = this.actSize * 2; } this.style.fontSize = this.actSize+"em"; } ansehen …
Beachten Sie	Der onwheel-Event-Handler ersetzt die nichtstandardisierten MouseWheel and MouseScroll Event-Handler, wird von Safari aber nicht unterstützt. Mobile Geräte können dieses Event mangels Mausrad unter Umständen nicht auslösen.
Tipp	Der Benutzer erwartet beim Drehen des Mausrad eine bestimmte Aktion, meist das Scrollen der Seite. Ein Einsatz dieses Events sollte daher ausschließlich unter Berücksichtigung der User Experience in Erwägung gezogen werden.
Quellen
siehe auch	{{{siehe_auch}}}
Weblinks	MDN: WheelEvent Stackoverflow