Latest web development tutorials
×

JavaScript & HTML DOM справочное руководство

обзор

JavaScript объекты

JavaScript Array объекты JavaScript Boolean объекты JavaScript Date объекты JavaScript Math объекты JavaScript Number объекты JavaScript String объекты JavaScript RegExp объекты JavaScript Глобальные свойства / функции JavaScript операторы

Browser объекты

Window объекты Navigator объекты Screen объекты History объекты Location объекты

DOM объекты

HTML DOM Document объекты HTML DOM объект Element HTML DOM Атрибут объекта HTML DOM объекты событий

HTML объекты

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

onwheel событие

Событие Ссылка на объект объекты событий

примеров

Выполняется, когда пользователь вращает колесико мыши на элементе <div> в JavaScript:

. Document.getElementById ( "myDIV") addEventListener ( "колесо", туРипсЫоп);

Функция туРипсЫоп () {
. Document.getElementById ( "myDIV") style.color = "красный";
}

Попробуйте »


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

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

onwheel событие может также прокрутить или увеличить на сенсорных триггеров пэдов (например, сенсорная панель на ноутбуке), а площадь уменьшается.


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

событие
onwheel 31,0 9.0 17,0 Не поддерживает 18,0

Примечание: Опорные методы колесика мыши в IE браузере, только через addEventListener (). Нет onwheel свойство DOM объекта.


грамматика

В HTML:

<Элементonwheel = "MyScript"> попробовать

В JavaScript:

объект .onwheel = функция () {MyScript }; попробуйте

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

объект .addEventListener ( "колесо", MyScript ); попробуйте

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


технические детали
Независимо от того, чтобы поддержать пузырь: да
Это может быть отменено: да
Тип события: WheelEvent
Поддерживаемые HTML-теги: Все HTML-элементы


Событие Ссылка на объект объекты событий