javascript ] 반복해서 함수가 실행될 경우 해결방법 #함수 반복실행

필자는 작업을 하다 버튼이벤트 안에서 동작하는 서브함수가 누적 반복해서 뜨는 경우가 있었다.

 

필자의 경우 $(function() {  }); 페이지 이동시 바로 함수가 실행하는 코드였는데 여기에 조건문을 주면 간단하게 해결된다.

 

예시로 아래와 같은 코드를 보자.

<script type="text/javascript">
    $(function() {
        $('#button').click(function() {
    	    functionEvent();
        });
    });
</script>

 

여기서 functionEvent함수는 그냥 실행하고 있다. 이때 코드에 아래와 같이 boolean타입과 같은 구분값을 넣어준다.

 

<script type="text/javascript">
    $(function() {
    	var flag = true;
    	
        $('#button').click(function() {
          if(flag) {
              functionEvent();
              flag = false;
          }
        });
    });
</script>

 

이렇게 하면 flag 값이 false가 된 이후에 조건을 타서 서브함수는 실행되지 않는다.