728x90 javascript event2 [Javascript] 스크롤 이벤트 (Scroll Event) Javascript 스크롤 이벤트 Scroll Event 마우스 스크롤 이벤트란? 마우스 스크롤을 움직였을때 발생하는 이벤트 기본 구조 //스크롤 이벤트 추가 : 'scroll' window.addEventListener('scroll',e=>{ //스크롤 움직였을때 원하는 기능 삽입 }); 샘플예제 스크롤 이벤트 결과 출력 2021. 3. 31. [Javascript] 이벤트 전파 방지 stopPropagation() 자바스크립트 부모로의 이벤트 전파 방지 Event.stopPropagation(); 간단 설명 ↓ 자바스크립트에서 자식 엘리먼트에서 이벤트 발생시, 부모 엘리먼트에 같은 이벤트가 설정되어있다면, 해당 이벤트에 할당된 기능도 함께 실행된다. 이는 이벤트 전파 현상으로 인한 건데, 상단의 그림과 같이 이벤트가 전파되어진다. 위와 같은 현상을 방지하기 위해서는 Event.stopPropagation()을 사용해야하는데, 아래 예제를 참고하도록 한다. 샘플 예제↓ [Html] [Javascript] let secElem = document.querySelector('#section-sample'); let divElem = document.querySelector('#div-sample'); let btn = .. 2021. 2. 3. 이전 1 다음 728x90
