js 마우스 휠 방향 판단

2772 단어 js
최근 회사 프로젝트 의 요구 로 페이지 의 전체 화면 스크롤 전환 효 과 를 해 야 합 니 다.
페이지 전환 은 마우스 슬라이더 의 스크롤 이 벤트 를 스 크 립 트 로 감청 하여 페이지 가 위로 전환 되 거나 아래로 전환 되 었 는 지 판단 해 야 합 니 다.
이곳 의 각본 은 매우 간단 하 니, 나 는 바로 붙 일 것 이다.
 1 $('html').on('mousewheel DOMMouseScroll', function (e) {
 2                 e.preventDefault();
 3                 var t = new Date().getTime();
 4                 //        
 5                 if (t - Const.scrollTime < 1400) {
 6                     return !1;
 7                 }
 8                 Const.scrollTime = t;
 9 
10                 //          >0 up;<0 down
11                 var _delta = parseInt(e.originalEvent.wheelDelta || -e.originalEvent.detail);
12                 if (_delta > 0) {
13                     //Scroll.up();
14                 } else {
15                    Scroll.down();
16                 }
17             });

여기 서 주의해 야 할 점 은 e. original Event 입 니 다.
jQuery 를 사용 하여 이벤트 바 인 딩 을 진행 하면 이벤트 리 셋 매개 변수 에서 e 는 jQuery 에 의 해 다시 봉 인 됩 니 다. 따라서 우 리 는 e. original Event 를 사용 하여 원본 이벤트 대상 을 가리 키 는 것 이 제멋대로 입 니 다.

좋은 웹페이지 즐겨찾기