[Javascript] 이벤트 한번만 실행되도록 하기

 

Javascript에서 이벤트가 한번만 실행되도록 하는 방법을 정리합니다.

 

등록된 이벤트가 한번만 실행되도록 하기 위해서는

addEventListener() 함수를 사용하여 이벤트를 등록할 때 once 옵션을 추가해 줍니다.

 

 

addEventListener()의 once 옵션 사용하기

<input type='button' 
       id='my_btn' 
       value='이 버튼은 한번만 실행됩니다' />

const my_btn = document.getElementById('my_btn');

my_btn.addEventListener('click', () => {
  alert('안녕하세요!!');
}, { once : true});

 

버튼을 클릭했을 때, 한번만 동작하도록 하기 위해

addEventListener() 메소드의 3번째 파라미터로

{ once : true } 인 객체를 전달하였습니다.