Beispiel
Wenn der Benutzer das Maus - Rad über ein rollt <div> Element, deren Schriftgröße ändern:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
} Versuch es selber " Definition und Verwendung
Die onwheel Ereignis auftritt, wenn das Mausrad wird aufgerollt oder nach unten über ein Element.
Die onwheel Ereignis tritt auch auf, wenn der Benutzer scrollt oder Zooms in den oder aus einem Element durch ein Touchpad (like the "mouse" of a laptop) .
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Ereignis vollständig unterstützt.
| Event | |||||
|---|---|---|---|---|---|
| onwheel | 31.0 | 9.0 | 17.0 | Nicht unterstützt | 18.0 |
Anmerkung: In IE, wird das Rad - Ereignis nur mit der unterstützten addEventListener() Methode. Es gibt keine onwheel Attribut auf DOM-Objekte.
Syntax
In HTML:
In JavaScript:
object .onwheel=function(){ Versuch es selber " In JavaScript mit den addEventListener() Methode:
object .addEventListener("wheel", myScript );
Versuch es selber " Hinweis: Die addEventListener() Methode wird nicht unterstützt in Internet Explorer 8 und früheren Versionen.
Technische Details
| Blasen: | Ja |
|---|---|
| Es fällt eine Pauschale: | Ja |
| Event-Typ: | WheelEvent |
| Unterstützte HTML-Tags: | Alle HTML-Elemente |
| DOM Version: | Level 3 Veranstaltungen |
<Ereignisobjekt