Joonpyo-Hong

태그를 동적으로 생성한 후 - append, html 등 .. 동적으로 추가된 태그에는 이벤트가 동작하지 않는다. 이벤트가 동작하지 않는 이유 - [JS] 웹 페이지 HTML 렌더링 $("#child").click(function(){}은 이미 렌더링 되어서 동작하지 않는 것이다. 페이지가 로드 될 때 Script - $("#child").click(function(){}은 있는데 html의 태그- #child가 없어서 (append 하기 전에) $(document).on("click", "#child", function(){ // on 이벤트로 변경 alert($(this).attr("value")); }); 위와 같이 on 을 사용하여 해결 할 수 있다. on - 이벤트를 실행할 때 그 실행하는 순간..

버블링은 안쪽 요소 부터 이벤트가 발생한다. 클릭 클릭 버튼을 누르면 child -> parent -> body 가 alert 출력된다. event.stopPropagation() 함수를 사용해서 버블링 중단을 할 수 있다. 클릭 child 가 alert 출력된다. 캡처링은 바깥 요소 부터 이벤트가 발생한다. {capture: true} 또는 true 를 사용해서 캡처링을 사용할 수 있다. body -> parent -> child 가 alert 출력된다.