[jQuery] Mouse 이벤트 해제 unbind() 활용

버튼 클릭시 영역 지정하는 화면을 개발 하던 중

mouse 이벤트가 중복 실행 된다는 것을 알게 되었는데요.

리스트의 각 행 별로 for문을 통해 버튼을 생성하기 때문에

$("#btn").unbind("click").bind("click",function(){
	 // To do
});

위와 같은 구문을 통해 이벤트 해제는 불가능 해서

삽질만 반복 하던 중 꽤 괜찮은 방법을 알아냈습니다.

저 같은 경우는 한 이미지에 마우스 이벤트를 할당 했었고,

mouseup 이벤트가 끝나면 그 이미지 자체를 unbind() 시키는 방법입니다!

$('#image').unbind();

이렇게 하면 다른 행의 버튼을 클릭하고 영역 지정을 해도

중복 실행이 되지 않고 정상적으로 동작됩니다 :)