onwheel událost
Příklad
Když uživatel přejede kolečkem myši nad prvkem <div>, změňte jeho velikost písma:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
Definice a použití
Událost onwheel nastane, když se kolečko myši přetočí nahoru nebo dolů nad prvkem.
K události onwheel také dochází, když uživatel posouvá nebo přibližuje nebo oddaluje prvek pomocí touchpadu (jako „myš“ notebooku).
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která událost plně podporuje.
| Event | |||||
|---|---|---|---|---|---|
| onwheel | 31.0 | 9.0 | 17.0 | Not supported | 18.0 |
Poznámka: V IE je událost wheel podporována pouze pomocí metody addEventListener(). U objektů DOM není žádný atribut onwheel.
Syntax
V HTML:
<element onwheel="myScript">
V JavaScriptu:
object.onwheel = function(){myScript};
V JavaScriptu pomocí metody addEventListener():
object.addEventListener("wheel", myScript);
Poznámka: Metoda addEventListener() není podporována v aplikaci Internet Explorer 8 a starších verzích.
Technické údaje
| bubliny: | Ano |
|---|---|
| Zrušitelné: | Ano |
| Typ události: | WheelEvent |
| Podporované HTML tagy: | Všechny prvky HTML |
| Verze DOM: | Události úrovně 3 |