JS, jQuery로 생성한 HTML에 이벤트 바인딩

자바스크립트나 jQuery에서 createElement나 appendChild 따위로 생성한 HTML에 이벤트리스너를 바인딩하면 제대로 작동하지 않는다. 해결책이 2가지 있다. 첫번째는 parent 요소에서 출발해 children을 찾는 방식으로 바인딩 하는 것이다. JS 동적으로 생성된 요소에 이벤트 바인딩 이벤트 바인딩(Event Binding)이란? 바인딩은 '연결하다, 묶다' 라는 뜻으로, 웹페이지 접속 시에 HTML 문서가 로드될 때 JavaScript에 작성된 대로 요소와 이벤트를 연결하는 것을 이벤트 바인딩이라고 한다. 브라우저는 요소와 이벤트를 바인딩하고 있다가 사용자가 요청하는 순간에 이벤트를 발동한다. (클릭, 마우스엔터, 스크롤 등) 이벤트를 바인딩 하는 방법에는 세 가지가 있다. 1. HTML 이벤트 핸들러 HTML 요소의 속성값으로 이벤트를 바인딩하는 방법이다. 클릭 버튼을 클릭하면 doSomething이라는 이벤... babycoder05.tistory.co...

원문링크 : JS, jQuery로 생성한 HTML에 이벤트 바인딩