- scrollY, pageYOffset
- intersectionObserver API
mousedown
: 마우스 버튼을 누를 때 이벤트가 발생합니다mouseup
: 마우스 버튼을 눌렀다가 뗄 때 이벤트가 발생합니다mousemove
: 마우스를 움직일 때 이벤트가 발생합니다mouseenter
: 마우스가 요소의 경계 외부에서 내부로 이동할 때 이벤트가 발생합니다mouseleave
: 마우스가 요소의 경계 내부에서 외부로 이동할 때 이벤트가 발생합니다mouseout
: 마우스가 요소를 벗어날 때 이벤트가 발생합니다mouseover
: 마우스를 요소 안에 들어올 때 이벤트가 발생합니다
mouseover
, mouseout
과 mouseenter
, mouseleave
의
기능상의 차이점은 자식 요소까지 인식하는지의 여부에 달렸습니다
mouseover
, mouseout
는 자식 요소에 접근해도 동작을 하는 반면,
mouseenter
, mouseleave
는 자식 요소에는 동작하지 않습니다