자바스크립트 호환 마우스 휠 event_javascript 기술

이 이벤트는 표준과 IE에서 다릅니다. Firefox는 표준에 따라 구현되며 이벤트 이름은 "DOMMouseScroll"인 반면 IE는 "mousewheel"을 사용합니다.
물론 코드 한 줄이면 호환성 문제는 해결됩니다

코드 복사 코드는 다음과 같습니다.

var mousewheel = document.all?"mousewheel":"DOMMouseScroll";

이벤트 속성, IE는 event.wheelDelta, Firefox는 event.detail입니다. 속성도 다릅니다. IE 위쪽 스크롤 > 0, Firefox 아래쪽 스크롤 > 0.
최신 jquery 1.3.2에서는 여전히 휠 이벤트가 추가되지 않지만 jquery의 바인딩을 사용하여 모든 이벤트를 바인딩할 수 있습니다. 물론 위 문장을 추가해야 합니다.
그런데 이 기능을 추가한 jquery용 플러그인이 있습니다. http://brandonaaron.net/code/mousewheel/demos를 참조하세요
다음과 같이 사용하세요:

코드 복사코드 다음과 같습니다:

$('div.mousewheel_example').mousewheel(fn)
$('div.mousewheel_example').bind('mousewheel', fn); >