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

WBOY
リリース: 2016-05-16 17:17:58
オリジナル
1785 人が閲覧しました

一般的なアプリケーションでは、マウス ホイールをスクロールして画像やテキストのサイズを制御します。たとえば、マウス ホイール イベントは、マウス ホイールを回転してズームするなどのインタラクティブな効果に使用されます。ほとんどのブラウザ (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」属性の両方があります。
関連ラベル:
js
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート