jQuery mouse wheel 이벤트

jQuery에서도 wheel action에 대한 bind는 지원하고 있습니다.

하지만 확장성이 떨어집니다, 예를 들면 event 객체를 통한 개체를 가져올 수 없고

한 상시이벤트만 지원하기 때문에 고정적으로 개체에 리스너 시킬수는 없습니다.

[ * $(obj).mousewheel(fn) (X)  $(obj).bind('mousewheel')..(O) ]

 

plugin을 썻을때는 특정 개체의 이벤트지정이 가능하며 물론 bind이벤트도 가능하며 위에 열거한 기타정보들도 받아올 수 있다는 점입니다.

단순한 기능을 구현할시 jQuery 의 bind, Live 이벤트를 통해서도 'mousewheel'이라는 인수를 통해 작동이 가능합니다.

 

플러그인 다운로드 : http://brandonaaron.net/code/mousewheel/demos

 

[cc lang="javascript"]jQuery(function($) {
$('#myDivs').bind('mousewheel', function(event, delta, deltaX, deltaY) {
console.log(deltaX + "\\t" + deltaY);
console.log(event.pageX);
}
}[/cc]