[이슈] jQuery click 이벤트 중복으로 인한 문제

jQuery를 이용해 click 이벤트를 정의할 때 이렇게 사용하곤 한다.

 

$("#id").on('click', function() { 
	//do something 
}

 

하지만 이 클릭 이벤트를 변경 하고자 할 때 다시 정의하면 이벤트가 대체 되는 것이 아닌 중복이 된다.

그래서 누적된 모든 이벤트가 다 실행되는 불상사를 겪는다.

 

그래서 꼭 off() 를 이용하여 중복을 방지해야한다.

 

모든 event를 제거해주거나

 

$("#id").off().on('click', function() {
	//do something
}

 

" "안에 해당 event만 제거해서 등록할 수 있다.

 

$("#id").off("click").on('click', function() {
	//do something
}