-
[JavaScript&jQuery] 동적 생성 HTML에 이벤트 추가하기programming/JavaScript&jQuery 2019. 8. 7. 22:11반응형
HTML에 클릭 이벤트를 거는 것은
아래와 같이 할 수 있다.
$("SELECTOR").click(function(){ alert("click"); });
이때 동적으로 생성된 HTML에도 이벤트를 걸 때는 다른 방식으로 걸어야 하는데,
$(document).on("click", "SELECTOR", function(){ alert("add event"); });
위에 click 이벤트의 경우에는 태그(SELECTOR)에 클릭 이벤트를 걸어서,
해당 이벤트를 건 이후에, 동적 생성된 태그에 대해선 이벤트가 작동하지 않는데,
아래처럼 on을 사용해서 하면 이벤트를 연결시키면,
태그(SELECTOR)가 document에 동적으로 추가되더라도 이벤트가 작동된다.
반응형'programming > JavaScript&jQuery' 카테고리의 다른 글
[jQuery] 제이쿼리 오브젝트 합치기 - jQuery.extend() (0) 2019.08.21 [JavaScript & jQuery] 정규식 패턴 여러개 치환하기 (1) 2019.08.20 [JavaScript&jQuery] 자바스크립트 정규식(문자만, 숫자만) (0) 2019.08.13 [JavaScript&jQuery] jquery selector, this 사용하기 (0) 2019.07.10 [JavaScript&jQuery] JavaScript Date() 사용법 (0) 2019.07.10