yunyj99
라둥이
yunyj99
GitHub
전체 방문자
오늘
어제
  • 분류 전체보기 (309)
    • 1. 프로그래밍 (50)
      • 1-1. Git (17)
      • 1-2. Java (13)
      • 1-2-1. Java GUI (1)
      • 오류 (12)
      • 기타 (7)
    • 2. Front-end (57)
      • 2-1. HTML (5)
      • 2-2. CSS (19)
      • 2-3. Java Script (33)
      • 2-4. React (0)
    • 3. Back-end (47)
      • 3-1. Spring MVC - 국비 (15)
      • 3-2. Spring MVC - 남궁성 (30)
      • 3-3. Spring - 김영한 (2)
    • 4. Android (1)
    • 5. DB (20)
      • 4-1. MySQL DBMS (20)
    • 6. 자료구조 & 알고리즘 (44)
      • 6-1. 자료구조 (14)
      • 6-2. 백준 (30)
    • 7. 웹 디자인 (7)
      • 7-1. UX 디자인 (7)
    • 8. 자격증 (35)
      • 8-1. 정보처리기사 (35)
    • 프로젝트 (3)
      • 프로젝트 기록 (3)
    • etc... (43)
      • 패스트캠퍼스 챌린지 (39)
      • 잡담 (4)

블로그 메뉴

  • 홈
  • 태그

최근 글

티스토리

hELLO · Designed By 정상우.
yunyj99

라둥이

쓰기
2. Front-end/2-3. Java Script

JS - [ 자식 Element에 Event 전파 막기 ]

2022. 7. 22. 01:37

부모 요소 안에 있는 자식 요소들의 클릭으로 인한 이벤트 전파를 막아야 할 때 ->

 

부모의 이벤트 영역 클릭시에만 이벤트가 동작하도록 부모 이벤트에

if (event.target !== event.currentTarget) return;     입력

 

혹은 막아야 하는 각각의 자식들에 

 e.stopPropagtion 입력


참조

더보기

https://ideveloper2.tistory.com/167

 

Javascript - 자식 element가 여럿 있을때 event 전파 막는 효과적인 방법

Javascript :자식 element가 여럿있을때 event 전파 막는 효과적인 방법 | Why? > 상황: 모바일 웹에서, Modal의 overlay 영역의 scroll을 방지하기 위해 overlay 영역을 touch 햇을때 touchEvent 리스너에 모..

ideveloper2.tistory.com

 

'2. Front-end > 2-3. Java Script' 카테고리의 다른 글

JS - [ 모달 팝업 띄우기 (Swiper이용 이미지 슬라이드) ]  (0) 2022.07.24
JS - [ 모달 팝업 띄우기 ]  (0) 2022.07.24
JS - [ js 파일 수정사항 브라우저에 바로 반영]  (0) 2022.07.08
JS - [ input date로 받아온 날짜 비교 ]  (0) 2022.07.04
JS - [input 태그 엔터키 눌렀을 때 이벤트]  (0) 2022.07.03
    '2. Front-end/2-3. Java Script' 카테고리의 다른 글
    • JS - [ 모달 팝업 띄우기 (Swiper이용 이미지 슬라이드) ]
    • JS - [ 모달 팝업 띄우기 ]
    • JS - [ js 파일 수정사항 브라우저에 바로 반영]
    • JS - [ input date로 받아온 날짜 비교 ]
    yunyj99
    yunyj99
    개발자를 목표로 하는, 새싹처럼 성장하고 싶은 사람의 학습 공간 ^v^

    티스토리툴바