JavaScript (2) 썸네일형 리스트형 JavaScript 이벤트 처리 개요 이 글은 JavaScript를 사용할 때 많이 작업하게 되는 이벤트 처리에 대해 정리한 내용입니다. 간단하게 아래 4가지에 대해서만 알아보겠습니다. 이벤트 처리기 등록 이벤트 처리기 제거 이벤트 전파 이벤트 취소 이벤트 처리기 등록 우리가 웹사이트를 이용하며 버튼을 클릭하거나 스크롤을 내릴 때 JavaScript에서는 이 행동들을 이벤트라고 부릅니다. 이벤트가 발생한 DOM에는 이벤트 인터페이스를 기반으로한 객체가 전달되는데, EventTarget.addEventListener 메서드를 사용하여 이벤트 객체를 전달 받을 수 있습니다. 문법 EventTarget.addEventListener(type, listener [, options]); EventTarget.addEventListener(typ.. 웹브라우저에서 스크롤 정보를 가져오는 방법 이 글은 Window.scrollY - Web API | MDN의 내용을 참고하여 작성하였습니다. 스크롤 정보를 가져오는 방법 웹브라우저에서 현재 화면의 스크롤 정보를 알아야 할 경우가 있는데, 보통 아래의 방법을 많이 사용합니다. // 화면의 Y축의 상단값 window.scrollY // 화면의 Y축의 하단값 window.scrollY + window.innerHeight 브라우저 호환성 window.scrollY의 브라우저 호환성을 확인해보면 Internet Explorer(이하 IE)를 제외하고 모두 지원하며, 일부 모바일 환경에서 ?(알 수 없음)로 표시되어있습니다. 그리고 window.scrollY와 window.pageYOffset은 같은 속성이지만, 오래된 브라우저의 경우 window.scr.. 이전 1 다음