javascript 를 공부하다가 문득 드는 생각이 있었다.
addEventListener 와 onclick 이다.
비교대상을 onclick 으로해서 click 이벤트만 해당되는 궁금증은 아니다.
나는 인라인 형식으로 onclick 을 자주 사용해 왔다.
드림코딩 엘리님의 강의를 보다보니 onclick 은 사용하지않고 addEventListener 만
사용하시길래 궁금증이 생겼다.
그리하여 찾아본 스택오버플로우..
https://stackoverflow.com/questions/6348494/addeventlistener-vs-onclick
addEventListener vs onclick
What's the difference between addEventListener and onclick? var h = document.getElementById("a"); h.onclick = dothing1; h.addEventListener("click", dothing2); The code above resides together in a
stackoverflow.com
답변자의 글을 보니 동작은 같게 하나 많은 차이점이 있다
제일 와닿는 차이점이 제어의 제한이 onclick 이 더 많다는 점과
일반적으로 인라인 이벤트를 사용하지 마십시오 .
특정 사용 사례가 있을 수 있지만 해당 사용 사례가 있는지 100% 확신할 수 없다면
인라인 이벤트를 사용하지 않아야 하며 사용하지 않아야 합니다.
라는 구문이 있었다.
앞으로는 더더욱 인라인 태그를 지양해야겠다
'Javascript' 카테고리의 다른 글
[Javascript] 동작 엔진 (0) | 2021.10.29 |
---|---|
[Javascript] javascript study - to be modified later (0) | 2021.10.29 |
[JAVASCRIPT] 객체 비교 (재귀함수) (2) | 2021.07.01 |
[ES6] filter 와 map 을 이용한 반복문 (0) | 2021.06.27 |
[ES6] 최신문법 6가지 (0) | 2021.06.27 |