HTML атрибут событий `onwheel`

Значение и применение

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

Поддержка браузерами

Спецификации: pointerevents, multipage

Нет поддержки: Safari iOS, WebView iOS.

ВсеКомпьютерыМобильные

Совместимостьapi.Element.wheel_event
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
wheel event	✓31	✓12	✓17	✓18	✓7	✓31	✓17	✓18	×	✓2.0	✓4.4.3	×

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис

HTML

<element onwheel = "script" >

wheel и scroll не равнозначны: прокрутка возможна с клавиатуры или скриптом, а колесо может масштабировать страницу либо не изменить позицию прокрутки. deltaMode задаёт единицы deltaX/deltaY: пиксели, строки или страницы. Отмена требует отменяемого события и непассивного обработчика; не блокируйте обычную прокрутку без необходимости.

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

Событие wheel

Нажмите ▶. Прокрутите область колёсиком.

index.html

HTML

<div id="wheeee" style="border: 1px solid">Съешь же ещё этих мягких французских булок, да выпей чаю.</div>

main.js

JavaScript

function wheeee() {
    document.getElementById('wheeee').style.fontSize = '35px'
}
document.getElementById('wheeee').addEventListener('wheel', wheeee)

Отличия HTML 4.01 от HTML 5

Атрибут событий onwheel добавлен в HTML5.

Где возникает событие

Атрибут можно задавать HTML-элементам, но возникновение события зависит от взаимодействия и состояния элемента. Наличие обработчика само по себе не делает элемент фокусируемым, редактируемым или перетаскиваемым.

HTML атрибут событий onwheel