Onwheel- Event
Beispiel
Wenn der Benutzer das Mausrad über ein <div>-Element bewegt, ändern Sie seine Schriftgröße:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
Definition und Verwendung
Das Onwheel-Ereignis tritt auf, wenn das Mausrad über einem Element nach oben oder unten gerollt wird.
Das Onwheel-Ereignis tritt auch auf, wenn der Benutzer ein Element mithilfe eines Touchpads (wie der „Maus“ eines Laptops) scrollt oder hinein- oder herauszoomt.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Ereignis vollständig unterstützt.
Event | |||||
---|---|---|---|---|---|
onwheel | 31.0 | 9.0 | 17.0 | Not supported | 18.0 |
Hinweis: Im IE wird das Radereignis nur mit der Methode addEventListener() unterstützt. Es gibt kein Onwheel-Attribut für DOM-Objekte.
Syntax
Im HTML-Format:
<element onwheel="myScript">
In JavaScript:
object.onwheel = function(){myScript};
Verwenden Sie in JavaScript die Methode addEventListener():
object.addEventListener("wheel", myScript);
Hinweis: Die Methode addEventListener() wird in Internet Explorer 8 und früheren Versionen nicht unterstützt.
Technische Details
Bläschen: | ja |
---|---|
kündbar: | ja |
Ereignistyp: | WheelEvent |
Unterstützte HTML-Tags: | Alle HTML-Elemente |
DOM-Version: | Ereignisse der Ebene 3 |