jQuery 등록한 이벤트 제거 off()

 

$대상.off("clkck", 삭제하고 싶은 이벤트 리스너 명)
$대상.off("click")
$대상.off()

on()메서드 또는 단축형 이벤트 메서드를 이용해 등록한 이벤트를 제거하려면 off()메서드를 사용하면 된다.

 

등록한 이벤트를 제거하는 방법은 3가지가 있다.

다음과 같은 클릭 이벤트를 제거 할 경우

$("#btn").on("click",function(){
    alert("클릭");
});

 $("#btnCheck").on("click",test);
function test(){
    alert("클릭2");
}

 

1. 특정 이벤트에 대한 리스너를 제거할 경우

$("#remove").on("click",function(){
    $("#btn").off("click",test); //#btn에 걸려있는 click 이벤트 중에 test 이벤트 리스너만 제거
});

 

2. 특정 이벤트에 걸려있는 모든 이벤트 리스너를 제거할 경우

$("#remove").on("click",function(){
    $("#btn").off("click"); //#btn 엘리먼트에 걸려 있는 click 이벤트 제거
});

 

3. 이벤트 종류 상관없이 모든 이벤트를 제거할 경우

$("#remove").on("click",function(){
    $("#btn").off(); //#btn 엘리먼트에 걸려 있는 모든 이벤트 제거
});