테스트 사이트 - 개발 중인 베타 버전입니다

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);
});

[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

파폭 에선 적용안됩니다..^^
직접수정하는 것 보다 플러그인 형태가 관리하기 좋을 것 같습니다.
http://plugins.jquery.com/search/node/mousewheel+type:project_project

게시글 목록

번호 제목
13454
29442
13451
13448
13446
13445
13442
13439
13437
13434
13429
13425
13423
13418
13410
13408
13407
13406
29441
13405
13404
13401
13400
13399
13395
13391
29435
13389
13386
13381
13377
13370
13367
13366
13364
13362
29432
29428
13361
13360
13358
13354
13351
29427
13346
13340
13337
13334
13328
13326
13325
13324
13323
29426
13322
13321
13315
29424
13312
29422
25114
13308
13307
13305
13304
25111
29421
13301
13299
13296
13292
13291
13290
13289
13288
13287
13286
13285
13284
29420
13283
13277
13274
13266
13265
13262
13261
13259
13254
13250
29419
13242
13241
13236
13235
29418
29417
13234
13233
13231