JSホイールイベントonmousewheelの使い方紹介_JavaScriptスキル

一般的なアプリケーションでは、マウス ホイールをスクロールして画像やテキストのサイズを制御します。たとえば、マウス ホイール イベントは、マウス ホイールを回転してズームするなどのインタラクティブな効果に使用されます。ほとんどのブラウザ (IE6、IE7、IE8、Opera 10、Safari 5) では、「マウスホイール」イベントが提供されます。スクロールホイールイベントの互換性の違いは、以前の IE8 側とその他の側ではなく、Firefox 3.5 側ではこのイベントをサポートしていませんが、幸いなことに Firefox 3.5 では別のイベントが提供されています。同等のイベント: "DOMMouseScroll"、互換性のあるコードは次のとおりです:

コードをコピーします コードは次のとおりです:

// isFirefox は疑似コードなので、自分で実装できます
mousewheel = isFirefox ? "DOMMouseScroll" : "mousewheel"

"mousewheel" の "event.wheelDelta" 属性値" イベント: 戻り値。正の値の場合、スクロール ホイールが上方向にスクロールしていることを意味します。負の値の場合、スクロール ホイールが下方向にスクロールしていることを意味します。戻り値はすべて 120 の倍数です。つまり、振幅 = 戻り値 / 120 となります。
「DOMMouseScroll」イベントの「event.detail」属性値: 戻り値。負の値の場合は、ホイールが上にスクロールしていることを意味します (「event.wheelDelta」の逆)。正の値の場合、ホイールがスクロールダウンしていることを意味します。戻り値はすべて 3 の倍数、つまり振幅 = 戻り値/3 です。
「mousewheel」イベントは、Opera 10 の特殊なケースです。「event.wheelDelta」属性と「event.detail」属性の両方があります。