[JavaScript] click 이벤트 중복 호출, 누적 되는 문제

test라는 dom에 click이벤트가 걸린 상황.

 

이 경우에 click 이벤트가 중복으로 걸려서 

횟수가 x2 되어 실행된다.

또 누를 경우 x2 되어 4번.. 8번...

중복을 막기위해 .off를 추가해주자 

function func1(){

  $(document).off("click", "#test").on("click", "#test", function () {
    func1();
  });
    
}