내 RemoveEventListener가 JavaScript에서 작동하지 않는 이유는 무엇입니까?

Javascript RemoveEventListener가 작동하지 않음

이벤트 처리 영역에서 RemoveEventListener 메소드는 이벤트 리스너를 요소에서 분리하는 데 중요한 역할을 합니다. 그러나 RemoveEventListener가 예상대로 작동하지 않는 문제가 발생하면 실망스러울 수 있습니다.

다음 코드 조각을 고려하세요.

<code class="javascript">area.addEventListener('click',function(event) {
    app.addSpot(event.clientX,event.clientY);
    app.addFlag = 1;
},true);</code>

이 코드는 'click'에 대한 이벤트 리스너로 익명 함수를 능숙하게 연결합니다. 'area' 요소에 대한 ' 이벤트입니다. 그러나 다음 코드를 사용하여 이 리스너를 제거하려고 하면

<code class="javascript">area.removeEventListener('click',function(event) {
    app.addSpot(event.clientX,event.clientY);
    app.addFlag = 1;
},true);</code>

장애물이 발생할 수 있습니다. 문제는 addEventListener 및 RemoveEventListener에 사용되는 익명 함수의 고유한 특성에 있습니다. RemoveEventListener의 인수로 제공되는 함수가 이전에 등록한 함수와 동일하지 않습니다. 이 문제를 해결하려면 명명된 변수에 리스너 함수를 할당하십시오.

<code class="javascript">function foo(event) {
    app.addSpot(event.clientX,event.clientY);
    app.addFlag = 1;
}
area.addEventListener('click',foo,true);
area.removeEventListener('click',foo,true);</code>

위 내용은 내 RemoveEventListener가 JavaScript에서 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!