javascript

자바스크립트[javascript] 마우스 휠 (스크롤) 이벤트 제어하기.

조심이 2010. 1. 19. 17:08
반응형

//onload() 나 스크립트 시작시 넣어준다.
if (window.addEventListener)
    window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;

        

// 마우스 휠~
function handle(delta) {
    var s = delta + ": ";
    if (delta < 0) {
        alert("마우스 휠 위로~");
    }
    else {
      alert("마우스 휠 아래로~");
    }
}

//마우스 이벤트
function wheel(event){
    var delta = 0;
    if (!event) event = window.event;
    if (event.wheelDelta) {
        delta = event.wheelDelta/120;
        if (window.opera) delta = -delta;
    } else if (event.detail) delta = -event.detail/3;
    if (delta) handle(delta);
}

반응형