Exemplu
Când utilizatorul rostogolește roata mouse - ului peste un <div> element schimba său font-size:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
} Încearcă - l singur » Definiție și utilizare
Evenimentul onwheel are loc atunci când roata mouse-ului este rulat în sus sau în jos peste un element.
Evenimentul onwheel are loc , de asemenea , atunci când utilizatorul derulează sau Apropie sau departeaza unui element utilizând un touchpad (like the "mouse" of a laptop) - (like the "mouse" of a laptop) .
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin evenimentul.
| Eveniment | |||||
|---|---|---|---|---|---|
| onwheel | 31.0 | 9 | 17.0 | Nu sunt acceptate | 18.0 |
Notă: În IE, evenimentul roata este susținută numai cu addEventListener() metoda. Nu există nici un atribut onwheel pe obiecte DOM.
Sintaxă
In HTML:
< Încearcă - l singur » În JavaScript:
object .onwheel=function(){ Încearcă - l singur » În JavaScript, folosind addEventListener() metoda:
object .addEventListener("wheel", myScript );
Încearcă - l singur » Notă: addEventListener() , metoda nu este acceptată în Internet Explorer 8 și versiunile anterioare.
Detalii tehnice
| Bule: | da |
|---|---|
| anulabil: | da |
| Tip de eveniment: | WheelEvent |
| Tag-uri HTML acceptate: | Toate elementele HTML |
| DOM Versiune: | Nivelul 3 Evenimente |
<Eveniment obiect