Ijs2019medienpartner.jpg

SELFHTML ist in diesem Jahr Medienpartner der IJC.

Für die Konferenz vom 21. – 25. Oktober 2019 in München verlosen wir ein Freiticket.

Weitere Informationen finden sich im SELFHTML-Forum.

JavaScript/DOM/Event/wheel

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event(Weitergeleitet von JavaScript/Event-Handler/onwheel)
Wechseln zu: Navigation, Suche
Event-Handler DOM 3.0 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
  • Chrome
  • Firefox
  • IE
  • Opera
  • Leer
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";
  }
Beachten Sie

Der onwheel-Event-Handler ersetzt die nichtstandardisierten MouseWheel and MouseScroll Event-Handler, wird von Safari aber nicht unterstützt.[1]

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
  1. https://developer.mozilla.org/en-US/docs/Web/API/Element.onwheel
siehe auch

{{{siehe_auch}}}

Weblinks


Weblinks[Bearbeiten]