티스토리 뷰

Error/JavaScript

[JavaScript] removeEventListener not working

IT공부블로그 2022. 1. 20. 10:49
728x90
반응형

addEventListener로 이벤트를 추가했지만 remove 되지않을때

 

window.window.addEventListener('scroll', (e) => test1(e), true);
window.window.removeEventListener('scroll', (e) => test1(e), true);

 

위와 같은 코드로 작성 시 remove가 동작하지않는다

 

(e) => test1(e)

이 함수를 서로 다른함수로 인식하기 때문

 

const test = (e) => {
	this.test1(e);
}

window.window.addEventListener('scroll', test, true);
window.window.removeEventListener('scroll', test, true);

 

위와 같이 함수로 만들어서 참조하는 함수가 같도록 수정해주면 정상 동작된다.

728x90
반응형
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함