ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript互換マウスホイールevent_javascriptスキル

JavaScript互換マウスホイールevent_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 18:54:401055ブラウズ

このイベントは標準と IE では異なります。 Firefox は標準に従って実装されており、イベント名は「DOMMouseScroll」ですが、IE は「mousewheel」を使用します。
もちろん、1 行のコードで互換性の問題は解決します

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

var Mousewheel = document.all?"mousewheel":"DOMMouseScroll";

イベント属性、IE はevent.wheelDelta、Firefox はevent.detailです。属性の値も異なり、IE は上方向にスクロール > 0、Firefox は下方向にスクロール > 0 になります。
最新の jquery 1.3.2 ではまだホイール イベントが追加されませんが、jquery のバインドを使用して任意のイベントをバインドできます。もちろん、上記の文を追加する必要があります。
ただし、この機能を追加した jquery 用のプラグインがあります。 http://brandonaaron.net/code/mousewheel/demos を参照してください。
次のように使用します:
コードをコピーしますコードは次のとおりです:

$('div.mousewheel_example').mousewheel(fn);
$('div.mousewheel_example').bind('mousewheel', fn); >
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。