jQuery mouseWheel Plugin

マウスホイール操作が超簡単になるjQueryプラグインがあるみたいですね。
サンプルを動かしてみたところ、いい感じに動作しました。



それぞれの要素上で、ホイールを動かすと、ちゃんと対象エレメントを取得できます。



サンプルには階層になってても上位伝播させず、 event.stopPropagation(); event.preventDefault(); で停止させる例も載ってます。



実際にどうやって使うかというと、これまたシンプルで、次のような感じ。

$('#test1').mousewheel(function(event, delta) { 
    if (delta > 0) 
        log('#test1: up ('+delta+')'); 
    else if (delta < 0) 
        log('#test1: down ('+delta+')'); 
    log('pageX: ' + event.pageX + ' pageY: ' + event.pageY ); 
});

ホイール操作用に覚えておくと便利ですね。

関連エントリ

• JavaScriptでマウスホイールイベントを扱い、スクロールも停止する方法
• マウスホイールイベント取得用のprototype.js拡張サンプル