2006/07/26 09:57
JavaScript and Mouse Wheels (via ajaxian)


/** This is high-level function.
* It must react to delta being more/less than zero.
*/

function handle(delta) {
       if (delta < 0)
…;
       else
…;
}

/** Event handler for mouse wheel event.
*/
function wheel(event){
       var delta = 0;
       if (!event) /* For IE. */
               event = window.event;
       if (event.wheelDelta) { /* IE/Opera. */
               delta = event.wheelDelta/120;
               /** In Opera 9, delta differs in sign as compared to IE.
                */
               if (window.opera)
                       delta = -delta;
       } else if (event.detail) { /** Mozilla case. */
               /** In Mozilla, sign of delta is different than in IE.
                * Also, delta is multiple of 3.
                */
               delta = -event.detail/3;
       }
       /** If delta is nonzero, handle it.
        * Basically, delta is now positive if wheel was scrolled up,
        * and negative, if wheel was scrolled down.
        */
       if (delta)
               handle(delta);
}

/** Initialization code.
* If you use your own event management code, change it as required.
*/
if (window.addEventListener)
       /** DOMMouseScroll is for mozilla. */
       window.addEventListener('DOMMouseScroll', wheel, false);
/** IE/Opera. */
window.onmousewheel = document.onmousewheel = wheel;



테스트 페이지
를 만들며 느낀 점은 "휠을 돌리면 화면을 스크롤 한다"라는 사람들의 고정관념을 어떻게 바꾸냐?? 정도....

정답은..... "재.미.있.게" ^^
Trackback Address
http://babyp.net/trackback/23
by

pass://
 
184120
어제는 115명, 오늘은37명