Przykład
Gdy użytkownik przesunie kółka myszy nad <div> elementu, zmienić jego rozmiar czcionki:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
Spróbuj sam " Definicja i Wykorzystanie
Onwheel zdarzenie zachodzi, gdy koło myszy zwinięte lub w dół na element.
Onwheel zdarzenie występuje również wtedy, gdy użytkownik przesuwa lub oddala do lub z elementem za pomocą panelu dotykowego (like the "mouse" of a laptop) .
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.
Zdarzenie | |||||
---|---|---|---|---|---|
onwheel | 31,0 | 9.0 | 17,0 | Nieobsługiwany | 18,0 |
Uwaga: W IE zdarzenie koło jest obsługiwana tylko z addEventListener() metody. Nie ma onwheel atrybut obiektów DOM.
Składnia
W HTML:
W JavaScript:
object .onwheel=function(){ Spróbuj sam "
W JavaScript, używając addEventListener() metodę:
object .addEventListener("wheel", myScript );
Spróbuj sam " Uwaga: addEventListener() metoda ta nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.
Szczegóły techniczne
bubbles: | tak |
---|---|
opłata: | tak |
Typ wydarzenia: | WheelEvent |
Obsługiwane znaczniki HTML: | Wszystkie elementy HTML |
DOM wersja: | Level 3 Events |
<Object Event