#028 posted on 2017.09.22

マウスホイールの操作

インベント判定

var mousewheelevent = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll';

スクロール量判定

var delta = e.originalEvent.deltaY ? -(e.originalEvent.deltaY) : e.originalEvent.wheelDelta ? e.originalEvent.wheelDelta : -(e.originalEvent.detail);

 

wheel : Chrome31, Firefox17, Safari8, Opera18, IE9以降

→スクロール量 : deltaYプロパティ

mousewheel : Firefox以外

→スクロール量 : wheelDeltaプロパティ

DOMMouseScroll : Firefox

→スクロール量 : detailプロパティ

 

 

 

https://w3g.jp/blog/wheelevent_crossbrowser

SHARE THIS ON...

- 人気記事 -