Esempio
Quando l'utente utilizza la rotella mouse su un <div> elemento, modificarne il font-size:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
} Prova tu stesso " Definizione e l'utilizzo
L'evento onwheel verifica quando la rotella del mouse viene arrotolato o verso il basso su un elemento.
L'evento onwheel si verifica anche quando l'utente scorre o zoom dentro o fuori di un elemento utilizzando un touchpad (like the "mouse" of a laptop) .
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'evento.
| Evento | |||||
|---|---|---|---|---|---|
| onwheel | 31,0 | 9.0 | 17,0 | Non supportato | 18,0 |
Nota: In IE, l'evento ruota è supportato solo con addEventListener() metodo. Non v'è alcun attributo onwheel sugli oggetti DOM.
Sintassi
In HTML:
In JavaScript:
object .onwheel=function(){ Prova tu stesso " In JavaScript, utilizzando il addEventListener() Metodo:
object .addEventListener("wheel", myScript );
Prova tu stesso " Nota: addEventListener() metodo non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
| bolle: | sì |
|---|---|
| cancelable: | sì |
| Tipo di evento: | WheelEvent |
| tag HTML supportati: | Tutti gli elementi HTML |
| DOM Versione: | Livello 3 Eventi |
<Oggetto evento