пример
Когда пользователь вращает колесико мыши над <div> элемент, изменить его размер шрифта:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
} Попробуй сам " Определение и использование
Onwheel событие происходит, когда колесо мыши прокатывается вверх или вниз на элементе.
Onwheel событие также происходит , когда пользователь прокручивает или масштабирование в или из элемента с помощью сенсорной панели (like the "mouse" of a laptop) , (like the "mouse" of a laptop) .
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает событие.
| Мероприятие | |||||
|---|---|---|---|---|---|
| onwheel | 31,0 | 9,0 | 17,0 | Не поддерживается | 18,0 |
Примечание: В IE, событие колеса поддерживается только с addEventListener() метод. Там нет onwheel атрибута объектов DOM.
Синтаксис
В HTML:
В JavaScript:
object .onwheel=function(){ Попробуй сам " В JavaScript, используя addEventListener() метод:
object .addEventListener("wheel", myScript );
Попробуй сам " Примечание: addEventListener() метод не поддерживается в Internet Explorer 8 и более ранних версий.
Технические подробности
| Пузыри: | да |
|---|---|
| аннулированию: | да |
| Тип события: | WheelEvent |
| Поддерживаемые HTML-теги: | Все HTML-элементы |
| DOM Версия: | Уровень 3 События |
<Объект Event