window.addEventListener() 메서드

• 4/13/2023
• 2 minutes to read

window.addEventListener() 메서드는 JavaScript에서 이벤트를 수신하고 이에 대한 반응을 처리할 수 있는 이벤트 리스너를 등록하는 데 사용됩니다. 이 메서드를 사용하여 이벤트 리스너를 등록할 수 있으며, 이를 통해 특정 이벤트가 발생했을 때 실행되는 함수를 지정할 수 있습니다.

문법

window.addEventListener(eventType, eventHandler, options);

• eventType: 이벤트 유형을 나타내는 문자열입니다. 예를 들어 'click', 'scroll' 등이 있습니다.
• eventHandler: 이벤트가 발생했을 때 실행될 함수를 전달합니다.
• options: 이벤트 리스너 등록에 대한 추가적인 옵션을 설정할 수 있습니다. 객체 또는 불리언 값을 사용할 수 있습니다.

예제

function handleClick() {
  alert("버튼이 클릭되었습니다.");
}

window.addEventListener("click", handleClick);

위의 예제에서 handleClick이라는 함수는 사용자가 페이지 내의 언제든지 클릭하면 실행되도록 등록됩니다.

이벤트 리스너 제거

이벤트 리스너를 제거하려면 window.removeEventListener() 메서드를 사용하면 됩니다.

function handleClick() {
  alert("버튼이 클릭되었습니다.");
}

window.addEventListener("click", handleClick);

// 이벤트 리스너를 제거할 때는, 동일한 이벤트 핸들러와 이벤트 유형을 전달해야 합니다.
window.removeEventListener("click", handleClick);