カテゴリー
オライリーJavaScript

マウスホイールイベント

ユーザがマウスホイールを回転させると、マウスホイールイベントが発生する。 ブラウザでは、ドキュメントをスクロールしたり、拡大縮小したりするためにマウスホイールを使います。

しかし、マウスホイールイベントをキャンセルすることで、このようなデフォルトの動作を抑止できる

Firefoxを除く全てのブラウザ mousewheelイベントをサポート

wheelDelta

Firefox DOMMouseScrollイベント

detailプロパティ

detailの値に-40を乗算すれば、wheelDeltaの値と同じになる

DOM Level3 Events wheelイベント

wheelイベントハンドラに渡されるイベントオブジェクト

deltaX、deltaY、deltaZプロパティ

これらの値に-120を乗算すれば、mousewheelイベントの値と符号に一致する

mousewheelハンドラに渡されるイベントオブジェクト

wheelDataプロパティが定義されている

ユーザがホイールをどれだけ回転したかを示す

マウスホイールをユーザから離れる方向に1クリック分回すと120という値になる

逆にユーザ方向に1クリック分回すと-120という値になる

Apple社のマウスは2次元のトラックボールを内蔵している

Apple社のマウスをサポートするために、SafariとChromeでは、 wheelDeltaのほかに、wheelDeltaXとwheelDeltaYがイベントオブジェクトに定義されている

wheelDeltaとwheelDelteYは常に同じになる。

これらのすべてのイベントタイプにおいて、イベントオブジェクトはマウスイベント用のものとよく似ている マウスポインタの位置や、キーボードの修飾キー状態が含まれている

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です