기본 이벤트가 발생한 후 어떻게 내 코드를 실행할 수 있습니까?

Question

기본 이벤트가 발생한 후 몇 가지 코드를 실행할 수있는 함수가 있습니까? 예를 들어, 기본 마우스 휠이 발생한 후 scrollTop 값을 가져 오려고합니다. jquery 또는 javascript로이 작업을 수행 할 수 있습니까?

Answer 1

jQuery에는 다양한 이벤트 핸들러가 있습니다. .scroll()을 사용하여 스크롤 이벤트에 응답 할 수 있습니다. Full list of events [handlers].

$(window).scroll(function() { 
    alert('scrolled!'); 
}); 

scroll()

:

스크롤 이벤트가 전송 될 때마다 소자의 스크롤 위치 변경 원인에 관계없이. 마우스로 스크롤 막대를 클릭하거나 끌면 요소 내부로 드래그하거나 화살표 키를 누르거나 마우스의 스크롤 휠 을 사용하면이 이벤트가 발생할 수 있습니다.

Answer 2

​$(document)​.on('mousewheel DOMMouseScroll', function() { 
    var top = $(this).scrollTop(); 
    console.log(top); 
})​;​ 

FIDDLE

Answer 3

마우스 휠 취급 통증의 비트 일 수있다. 아마도 jQuery 마우스 휠 플러그인을 사용해 보셔야 할 것입니다.

This one Brandon Aaron이 저에게 잘 해줬습니다.

Answer 4

나는이 같은 이벤트를 연결하는 브랜든 아론의 jquery.mousewheel.js을 사용하고 있습니다 :

$('#mydiv').mousewheel(function(event, delta, deltaX, deltaY) { alert(deltaY); }); 

당신이 https://github.com/brandonaaron/jquery-mousewheel/downloads