[JavaScript] 자바스크립트 이벤트 리스너 1회 실행하기

108_자바스크립트 이벤트 리스너 1회 실행하기

[적용]

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

---

[문법]

옵션	의미	타입
capture	이벤트 캡쳐 여부	진리값
once	리스터 1회 실행 여부	진리값
passive	패시프 이벤트 여부	진리값

---

[내용]

addEventListener()의 세 번째 인수에 옶션을 지정할 수 있다.

반드시 모든 옵션을 설정할 필요는 없으며, 필요에 따라 설정이 가능하다.

예를 들어 이벤트를 1회만 실행하고자 할 경우는 once를 true로 설정한다.

// 옵션 지정
const option = {
	once: true
};

document.querySelector('.button').addEventListener('click', onClickButton, option);

fuction onCLickButton() {
	alert('버튼 클릭 이벤트가 발생하였습니다.');
}

 

 

---

 

 

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김