Evento onwheel
Esempio
Quando l'utente sposta la rotellina del mouse su un elemento <div>, cambia la sua dimensione del carattere:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
Definizione e utilizzo
L'evento onwheel si verifica quando la rotellina del mouse viene spostata verso l'alto o verso il basso su un elemento.
L'evento onwheel si verifica anche quando l'utente scorre o ingrandisce o rimpicciolisce un elemento utilizzando un touchpad (come il "mouse" di un laptop).
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente l'evento.
Event | |||||
---|---|---|---|---|---|
onwheel | 31.0 | 9.0 | 17.0 | Not supported | 18.0 |
Nota: in IE, l'evento wheel è supportato solo con il metodo addEventListener(). Non esiste un attributo onwheel sugli oggetti DOM.
Sintassi
In HTML:
<element onwheel="myScript">
In JavaScript:
object.onwheel = function(){myScript};
In JavaScript, utilizzando il metodo addEventListener():
object.addEventListener("wheel", myScript);
Nota: il metodo addEventListener() non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
Bolle: | sì |
---|---|
Annullabile: | sì |
Tipo di evento: | WheelEvent |
Tag HTML supportati: | Tutti gli elementi HTML |
Versione DOM: | Eventi di livello 3 |