JavaScript

[javascript] jQuery Onclick 이벤트 중복 해결하기

JQuery를 이용해서 click이벤트를 정의 할 때, 아래와 같이 코드를 짠다. $("#id").on("click",funtio(e){ //do something }); 이 경우 클릭을 하게 되면 1회 실행되는 것이 맞지만 종종 여러번 실행되는 경우가 발생한다. 이러한 경우가 발생하는 이유는 요소를 감싸고 있는 부모 태그들도 클릭 이벤트에 반응하기 때문에 발생하는 현상으로 버블링 현상이라고 하고 영어로 "Bubble Up"이라고 한다. 이벤트 버블링 해결 방법 1. .off() 를 이용한 사용하는 방법 //모든 이벤트 제거하기 #("#id").off().on("click",funtion(e){ //do someting }); //특정 이벤트만 제거하기(click 이벤트만 제거) $("#id").off(..