[js]e.stopPropagation()과 e.preventDefault() 레어어팝업 클릭

e.preventDefault()

→ a링크 등과 같은 클릭이벤트를 강제로 무시하게 하는 스크립트

e.stopPropagation()

→ 버블링 무시하는 스크립트

→ 레이어팝업에서 비지를 따로 설정하지않은 상태에서 활용가능

 

버블링이란,

div>p>span 일 경우 각 태그에 얼럿이 걸려있을 경우, 

span을 클릭하면 span,p,div순으로 모든 온클릭이 실행되는 것을 의미함

※ 버블링의 반대는 캡쳐링 : 제이쿼리로 캡쳐링은 불가능

 

onclick="event.stopPropagation()"
※ 온클릭 사용 시 button, input 등과 같이 클릭이벤트가 발생하는 태그 혹은 클릭이벤트가 있는 상태여야 버블링이 막힘

See the Pen 레이어팝업 닫기 by sangmok-ye (@sangmok-ye) on CodePen.