JavaScript/DOM/Event/wheel
Event-Handler | ![]() |
---|---|
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 |
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";
}
| |
Beachten Sie |
Der onwheel-Event-Handler ersetzt die nichtstandardisierten MouseWheel and MouseScroll Event-Handler, wird von Safari aber nicht unterstützt.[1] |
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 | |
Weblinks |
|