$(document).off() , $(document).on() 사용

 

 

$(document).on() : 동적 이벤트를 할당

---

$(document).off() : 이벤트를 해제

 

$(document).off() 형태

1) $(객체).off()

$(document).off();

2) $(객체).off(eventName)

$(document).off("Click");

 

3) $(객체).off(eventName, function);

function fn(){
 alert("야호");
}

$(document).off("click",fn);

---

$(document).off() , $(document).on()  사용시 주의 사항

 

$(document).on("click") 과 같은 코드는 다른 페이지에도 영향을 준다.

그래서 $(document).off("click") 를 사용하여 해제 시켜주면 될것이라고 생각했지만

다른 페이지의 click 이벤트를 모두 해제하였다...

 

-> document 가 아닌 특정 범위 객체를 지정해주도록하자 

대신 이 객체는 유니크한 값이어야한다.

 

 $("#testDiv").on("click") 

 $("#testDiv").off("click")