jQuery Javascript Library v1.3.2 에 onmousewheel 이벤트 추가 하기..^^
jQuery JavaScript Library v1.3.2
3093 번째 줄을 보시면 아래와 같이 되어있습니다.
jQuery.each( ("blur,focus,load,resize,scroll,unload,click,dblclick," +
"mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave," +
"change,select,submit,keydown,keypress,keyup,error").split(","), function(i, name){
// Handle event binding
jQuery.fn[name] = function(fn){
return fn ? this.bind(name, fn) : this.trigger(name);
};
});
빨간 색글자 들은 모두 이벤트를 나타냅니다. 빨간색글 맨뒤부분에 mousewheel 을 아래와 같이 추가해줍니다.
jQuery.each( ("blur,focus,load,resize,scroll,unload,click,dblclick," +
"mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave," +
"change,select,submit,keydown,keypress,keyup,error,mousewheel").split(","), function(i, name){
// Handle event binding
jQuery.fn[name] = function(fn){
return fn ? this.bind(name, fn) : this.trigger(name);
};
});
추가하셨다면 저장을 한후..^^
사용법은 아래와 같이
$('#lightbox-image').mousewheel(function(e){
alert(e.wheelDelta);
});
댓글 2개
http://plugins.jquery.com/search/node/mousewheel+type:project_project