Событие onwheel

DOM события WheelEvent

Определение и использование

Событие onwheel occurs, когда мышь прокручивает колесико на элементе вверх или вниз.

Событие onwheel также occurs, когда пользователь прокручивает или масштабирует элемент с помощью сенсорной панели.

Пример

Измените размер шрифта элемента <div>, когда пользователь прокручивает мышь на колесе.

document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
  this.style.fontSize = "35px";
}

Попробуйте сами

Грамматика

В HTML:

<элемент onwheel="myScript">

Попробуйте сами

В JavaScript:

объект.onwheel = function(){myScript};

Попробуйте сами

В JavaScript, используя метод addEventListener():

объект.addEventListener("wheel", myScript);

Попробуйте сами

Комментарий:Internet Explorer 8 и более ранние версии не поддерживают Метод addEventListener().

Технические детали

Бубнение: Поддержка
Отменяемость: Поддержка
Тип события: WheelEvent
Поддерживаемые теги HTML: Все элементы HTML
Версия DOM: Уровень 3 событий

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает это событие.

событие Chrome IE Firefox Safari Opera
onwheel 31.0 9.0 17.0 Не поддерживается 18.0

Комментарий:В IE, поддержка события wheel доступна только через метод addEventListener(). У DOM объектов нет свойства onwheel.

DOM события WheelEvent