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

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

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

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

Атрибут событий	Chrome	Firefox	Opera	Safari	IExplorer	Edge
onmousewheel	Да	Нет	Да	Да	Да	Да

Синтаксис

<element onmousewheel = "script" >

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

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

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

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

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

Атрибут событий onmousewheel считается устаревшим атрибутом в HTML5 (не рекомендован к использованию).

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

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

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