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 }
);

좋은 웹페이지 즐겨찾기