jQuery에서 마우스 휠 이벤트를 감지하는 방법은 무엇입니까?

jQuery에서 마우스 휠 이벤트 검색

jQuery는 표준 스크롤 이벤트 외에도 마우스 휠 이벤트를 명시적으로 캡처하는 메커니즘을 제공합니다. 이러한 이벤트는 마우스 휠의 회전 방향에 대한 정확한 정보를 제공합니다.

해결 방법:

jQuery에서 마우스 휠 이벤트를 감지하려면 마우스 휠 이벤트 핸들러. 예는 다음과 같습니다.

<code class="javascript">$(document).ready(function() {
    $('#foo').bind('mousewheel', function(e) {
        if (e.originalEvent.wheelDelta / 120 > 0) {
            console.log('Scrolling Up!');
        } else {
            console.log('Scrolling Down!');
        }
    });
});</code>

이 코드에서는

• $(document).ready(function() {...})가 다음을 보장합니다. 코드는 문서가 로드될 때 실행됩니다.
• $('#foo').bind('mousewheel', function(e) {...})는 마우스휠을 바인딩합니다. ID가 'foo'인 요소에 대한 이벤트 핸들러.
• e.originalEvent.wheelDelta에는 CSS 픽셀로 측정된 회전량이 포함되어 있습니다.

• 조건문은 바퀴 회전 방향을 확인합니다.

  • 양수 값은 위로 스크롤을 나타냅니다.
  • 음수 값은 아래로 스크롤을 나타냅니다.
• console.log()는 디버깅 목적으로 스크롤 방향을 콘솔에 출력합니다.

위 내용은 jQuery에서 마우스 휠 이벤트를 감지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!