html атрибут onwheel

Подія onwheel викликається, коли користувач прокручує коліщатко миші над елементом з атрибутом onwheel. Вона генерується над будь-яким елементом при пересуванні колеса миші. При цьому не важливо, прокручуваний він чи ні. Зокрема, overflow:hidden ніяк не перешкоджає обробці колеса миші. Крім того, подія onscroll відбувається після прокрутки, а onwheel- до прокрутки, тому в ньому можна скасувати саму прокрутку (дія браузера).

Подія onwheel , також спрацьовує, коли користувач прокручує або масштабує за допомогою сенсорної панелі (наприклад, "миші' ноутбука).

Найважливіші властивості сучасного події і його нестандартних аналогів:

wheel Властивість deltaY- кількість прокручених пікселів по вертикалі. Існують також властивості deltaX і deltaZ для інших напрямків прокрутки.

MozMousePixelScroll Спрацьовує, починаючи з Firefox 3.5, тільки в Firefox. Дає можливість скасувати прокрутку і отримати розмір в пікселях через властивість detail, вісь прокрутки у властивості axis.

mousewheel Спрацьовує в браузерах, які ще не реалізували wheel.

Щоб кросбраузерну відловити прокрутку і, при необхідності, скасувати її, можна використовувати всі ці події.

Картинка приклада

Синтаксис

<element onwheel="script">

Атрибут onwheel не має жодного значення :

Переглядач
	31.0+	17.0+	Ні	18.0+	9+	12+

Переглядач
	68+	76+	17+	-

Мобільних переглядачів ще не додано.

Приклади

Приклад 1
Приклад 2

Найпростіший приклад використання HTML події onwheel




  See the Pen 


  onWheel_css_in_ua by css.in.ua (@css_in_ua)


  on CodePen.

Приклад використання HTML події onwheel




  See the Pen 


  wheel2_css_in_ua by css.in.ua (@css_in_ua)


  on CodePen.

Різниця між HTML 4.01 та HTML5

Подія onwheel з’явилася тільки в HTML5

Різниця між XHTML та HTML

Немає жодної різниці.

HTML довідник