JavaScript에서 익명 이벤트 리스너 등록을 취소하는 방법은 무엇입니까?

익명 이벤트 리스너 등록 취소

익명 함수와 함께 addEventListener 메소드를 사용하여 JavaScript에서 이벤트 리스너를 연결할 때 제거해야 할 수도 있습니다. 나중에 그 청취자들. 그러나 요소 자체를 교체하지 않고 이 작업을 수행하는 방법은 즉시 명확하지 않습니다.

접근 방식:

안타깝게도 익명 이벤트를 제거할 수 있는 간단한 방법은 없습니다. 연결되면 리스너가 됩니다. 이는 익명 함수에는 제거에 사용할 수 있는 참조가 없기 때문입니다.

해결 방법:

실질적인 해결 방법은 이벤트 핸들러에 대한 참조를 다음 위치에 저장하는 것입니다. 창조의 시간. 이는 연관된 객체의 변수나 속성에 익명 함수를 할당함으로써 달성될 수 있습니다. 예를 들면 다음과 같습니다.

<code class="javascript">const myElement = document.querySelector('.my-element');

// Store a reference to the event handler
const myEventHandler = function () { /* do work here */ };

// Attach the event listener
myElement.addEventListener('click', myEventHandler, false);</code>

제거:

이벤트 핸들러가 더 이상 필요하지 않으면 RemoveEventListener 메서드를 사용하고 저장된 참조를 전달하여 제거할 수 있습니다.

<code class="javascript">myElement.removeEventListener('click', myEventHandler);</code>

이 접근 방식을 따르면 요소를 교체하거나 덜 바람직한 솔루션을 사용하지 않고도 익명 이벤트 리스너를 효과적으로 등록 취소할 수 있습니다.

위 내용은 JavaScript에서 익명 이벤트 리스너 등록을 취소하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!