자바스크립트 이벤트 중첩 발생 해결

function example(){

	$("#myButton").on('click', function() {
      	// 클릭 이벤트가 발생했을 때 실행될 로직 작성
        console.log("버튼이 클릭되었습니다.");
    });

}

 

만약 위에 example 메소드가 3번 실행 됐다면 나중에 myButton을 눌렀을때 "버튼이 클릭되었습니다" 가 3번 출력된다. 이렇게 되는 현상을 막기 위해서 off 로 이전에 추가된 이벤트를 초기화 시켜주고 on을 해주면 된다.

function example(){

	$("#myButton").off('click').on('click', function() {
      	// 클릭 이벤트가 발생했을 때 실행될 로직 작성
        console.log("버튼이 클릭되었습니다.");
    });

}