Wydarzenie na kole
Przykład
Kiedy użytkownik najedzie kółkiem myszy na element <div>, zmień jego rozmiar czcionki:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
Definicja i użycie
Zdarzenie onwheel występuje, gdy kółko myszy jest przesuwane w górę lub w dół nad elementem.
Zdarzenie onwheel występuje również, gdy użytkownik przewija lub powiększa lub pomniejsza element za pomocą touchpada (takiego jak „mysz” laptopa).
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.
Event | |||||
---|---|---|---|---|---|
onwheel | 31.0 | 9.0 | 17.0 | Not supported | 18.0 |
Uwaga: W IE zdarzenie wheel jest obsługiwane tylko przez metodę addEventListener(). W obiektach DOM nie ma atrybutu onwheel.
Składnia
W HTML:
<element onwheel="myScript">
W JavaScript:
object.onwheel = function(){myScript};
W JavaScript za pomocą metody addEventListener():
object.addEventListener("wheel", myScript);
Uwaga: Metoda addEventListener() nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.
Szczegóły techniczne
Bąbelki: | tak |
---|---|
Możliwość anulowania: | tak |
Typ wydarzenia: | KołoWydarzenie |
Obsługiwane tagi HTML: | Wszystkie elementy HTML |
Wersja DOM: | Wydarzenia poziomu 3 |