마우스휠이벤트 등록 및 활용

마우스휠이벤트 등록 및 활용 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

마우스휠이벤트 등록 및 활용 정보

JavaScript 마우스휠이벤트 등록 및 활용

본문

//마우스휠이벤트 등록
if(window.attachEvent) {
window.attachEvent("onmousewheel" ,function(event){moveSheet(event);});
}
else if(window.addEventListener) {
if(nBrowserCheck == "Firefox")
window.addEventListener("DOMMouseScroll", function(event){moveSheet(event);}, false);
else
window.addEventListener("mousewheel", function(event){moveSheet(event);}, false);
}

//활용
if(evt.detail) {
WData = evt.detail;

if (WData <= -3) {
Arrow = "up";
}
else if (WData >= 3) {
Arrow = "down";
}
}
else {
WData = evt.wheelDelta;

if (WData >= 120) {
Arrow = "up";
}
else if (WData <= -120) {
Arrow = "down";
}
}