JavaScript의 일회성 이벤트 탐지기
addEventListener()
를 사용하여 JavaScript의 모든 객체에 이벤트를 추가하는 것은 매우 쉽습니다.우리는 심지어 여러 개의 사건 탐지기를 같은 유형의 단일 대상에 추가할 수 있다.이 사건들은 서로 덮어쓰지 않고, 예상대로 정확하게 실행될 것이며, 서로의 업무에 영향을 주지 않을 것이다.// Syntax
element.addEventListener(event, functionName, useCapture);
사건 감청기가 아주 좋아서 addEventListener()
곳곳에서 볼 수 있다.그런데 문제가 하나 있어요.사건을 촉발할 때마다 탐지기가 실행된다.우리는 이런 상황이 모든 상황에서 발생하는 것을 원하지 않을 수도 있다.options 매개 변수는 이벤트 탐지기의 설정을 지정하는 대상입니다.한 번만 사용할 수 있도록 이벤트 탐지기를 설정할 수 있습니다.이것은 더욱 깨끗한 방법이며, 원소나 노드를 추적할 필요가 없다.
const button = documentgetElementById('button');
button.addEventListener(
"click", () => {
console.log('I will fire only once')
},
{ once: true }
);
Reference
이 문제에 관하여(JavaScript의 일회성 이벤트 탐지기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/naveens16/one-time-event-listeners-in-javascript-208n텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)