Событие на колесе
Пример
Когда пользователь прокручивает колесико мыши над элементом <div>, измените его размер шрифта:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
Определение и использование
Событие onwheel возникает, когда колесико мыши прокручивается вверх или вниз по элементу.
Событие onwheel также происходит, когда пользователь прокручивает или увеличивает или уменьшает элемент с помощью сенсорной панели (например, «мыши» ноутбука).
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, полностью поддерживающую событие.
| Event | |||||
|---|---|---|---|---|---|
| onwheel | 31.0 | 9.0 | 17.0 | Not supported | 18.0 |
Примечание. В IE событие колеса поддерживается только с помощью метода addEventListener(). В объектах DOM нет атрибута onwheel.
Синтаксис
В HTML:
<element onwheel="myScript">
В JavaScript:
object.onwheel = function(){myScript};
В JavaScript с помощью метода addEventListener():
object.addEventListener("wheel", myScript);
Примечание. Метод addEventListener() не поддерживается в Internet Explorer 8 и более ранних версиях.
Технические детали
| Пузыри: | да |
|---|---|
| Отменяемо: | да |
| Тип события: | КолесоСобытие |
| Поддерживаемые HTML-теги: | Все элементы HTML |
| Версия ДОМ: | События уровня 3 |