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

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

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

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

Атрибут событий	Chrome	Firefox	Opera	Safari	IExplorer	Edge
onwheel	31.0	17.0	18.0	Нет	Нет	Нет

Синтаксис

<element onwheel = "script" >

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Событие onwheel</title>
<style> 
div {
border : 1px solid; /* задаём сплошную границу 1px */
}
</style>
</head>
<body>
<div id = "wheeee" onwheel = "wheeee()">
Съешь же ещё этих мягких французских булок, да выпей чаю.
</div>
<script>
function wheeee() {/* задаём функцию, которая изменяет размер шрифта у элемента с определённым id */
 document.getElementById("wheeee").style.fontSize = "35px";
}
</script>
</body>
</html>

Для демонстрации атрибута событий onwheel используйте колесо мыши на элементе:

Съешь же ещё этих мягких французских булок, да выпей чаю.

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

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

Поддерживаемые теги

Все HTML элементы.

Атрибуты событий