jquery.mousewheel.jsを使ってのマウスホイールイベントの取得をやってみた。
プラグインは今現在ダウンロードが出来ない?ので、
過去に使った案件より流用。
$(window).bind("mousewheel",function(event,delta){ switch(delta){ case 1: //ホイールを上に回転させた場合 alert("上に回転させました"); break; case -1: //ホイールを下に回転させた場合 alert("下に回転させました"); break; } });
こんな感じで記述すれば大丈夫!
と思ったけどホイールの回転が0となってしまい、
うまく取得出来なかった。
原因としてはjquery.mousewheel.jsだったので、
handlerをちょこっと改造。
ソースを貼りつけられないのでざくっと書くとこんな感じ↓
(52行目辺りだった)
下に追記あり
//event = $.event.fix(orgEvent);コメントアウトして下記の行を有効に event = orgEvent;
これで無事にdeltaの値が±1で取得出来た。
↓↓↓↓↓追記(2012/07/25)↓↓↓↓↓↓
なんかこの記事の反響はかなりあるみたいで、中途半端なままっていうのもあれなので、
とりあえずソースコードをDropboxに挙げてダウンロードできるようにしてみた。
jquery.mousewheel.jsをダウンロードする
0 件のコメント:
コメントを投稿