FEDev Story

JavaScript에서 동일한 이벤트 리스너는 단 한 번만 등록하자 본문

Javascript

JavaScript에서 동일한 이벤트 리스너는 단 한 번만 등록하자

지구별72 2021. 10. 21. 17:50

https://sogoagain.github.io/2020/04/29/%EC%8B%A4%EC%88%98%EB%85%B8%ED%8A%B8-JavaScript%EC%97%90%EC%84%9C-%EB%8F%99%EC%9D%BC%ED%95%9C-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%A6%AC%EC%8A%A4%EB%84%88%EB%8A%94-%EB%8B%A8-%ED%95%9C-%EB%B2%88%EB%A7%8C-%EB%93%B1%EB%A1%9D%ED%95%98%EC%9E%90/

 

[실수노트] JavaScript에서 동일한 이벤트 리스너는 단 한 번만 등록하자 · 기술을 기술하다

익명 함수와 이벤트 리스너 Word count: 614Reading time: 3 min  2020/04/29  Share     

sogoagain.github.io

https://bingbingba.tistory.com/15

 

이벤트리스너 한 번만 발동하게 하기(Remove Event Listener Function Itself)

어떤 요소의 이벤트리스너를 딱 한 번만 발동시키고 싶다면 어떻게 해야 할까요? addEventListner 와 removeEventListner 를 적절히 사용해야 되겠죠? 크게 3가지로 나눠 방법을 소개하겠습니다. 1. 함수에

bingbingba.tistory.com

https://velog.io/@suld2495/%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%A6%AC%EC%8A%A4%EB%84%88%EC%99%80-bind

 

이벤트 리스너와 bind

이벤트 리스너 내부에서의 this는 이벤트가 발생한 요소를 가리킨다. 이때 이벤트가 발생한 요소가 아닌 다른 값을 this로 사용하고 싶은 경우가 존재한다.아래와 같이 코드를 작성 후 타겟 요소

velog.io

 

'Javascript' 카테고리의 다른 글

null,undefined,empty 체크  (0) 2021.11.02
[Javascript] 얕은 복사, 깊은 복사 (배열 복사, 객체 복사, shallow copy, deep copy, slice, JSON.parse, JSON.stringify)  (0) 2021.11.01
[Javascript] 마우스 클릭 좌표 (screenX, clientX, pageX, offsetX)  (0) 2021.09.23
[드림코딩][ES6] 자바스크립트 7. 오브젝트 넌 뭐니? | 프론트엔드 개발자 입문편  (0) 2021.09.10
javascript get child index  (0) 2021.09.03
'Javascript' Related Articles more
Comments