Developer_World

이벤트 캡처링과 버블링에대한 지식이부족하다면?? https://develop-world.tistory.com/8 1.event.preventDefault(); event.preventDefault(); 메소드의 이름 그대로 브라우저가 지원하는 이벤트를 막는것이다. 예제) $("#ex").click(function(){ event.preventDefault(); alert(2); }); 원래라면 a태그의 특성때문에 naver로 이동을 해야하지만 저함수로 인해서 alert창만 뜬다. 2.event.stopPropagation(); 이벤트가 발생하는 요소를 타겟이라고한다. 타겟을 제외하곤 부모 자식간의 이벤트 전파를 막는것을 말한다. 부모 자식간의 연을 끊는다고 생각하면 쉽다.!! span태그 $("#targ..

1.이벤트 버블링 버블링: 특정 화면 요소에서 이벤트가 발생했을때 상위 요소로 전달되어 이벤트를 발생시키는것을 의미한다. 위그림의 구조이다. 모두 클릭이벤트가 있다고 가정해보자. 예시 타겟:클릭한 이벤트 요소 P태그(타겟) 클릭시 이벤트가 발생하고 그다음 #div2인 div에 이벤트가 발생하고 그다음 #div1인 div에 이벤트가 발생한다. 이를 버블링 이라고 한다. 이러한 버블링이 일어나는 이유는 브라우저가 이벤트를 감지하는 방식 때문이다. 2.이벤트 캡처링 타겟:클릭한 이벤트 요소 말그대로 반대로 진행되는 이벤트 전파방식이다. #div1인 div태그(타겟) 클릭시 그다음 #div2인 div에 이벤트가 발생하고 그다음 p태그에 이벤트가 발생한다. 이를 캡처링 이라고 한다. JS코드에선 캡처링을 TRUE..