[책] 자바스크립트 코드 레시피 278 - 100일차

이벤트 리스너 1회 실행하기

• 이벤트를 1회만 실행하고 싶을 때

구문

capture 이벤트 캡쳐 여부
once 리스너 1회 실행 여부
passive 패시브 이벤트 여부

설명

addEventListener() 의 세 번째 인수에 옵션을 지정할 수 있습니다. 반드시 모든 옵션을 설정할 필요는 없으며, 필요에 따라 설정이 가능합니다. 예를 들어, 이벤트를 1회만 실행하고자 할 경우는 once를 true로 설정합니다.

실습

window.onload = () => {
  const option = {
    once: true,
  }
  document.querySelector('.button').addEventListener('click', onClickButton, option);
  function onClickButton() {
    console.log('버튼 클릭 이벤트가 1회 발생하였습니다.');
  }
}