Javascript

[Javascript] addEventListener vs onclick

임호랑이 2021. 10. 21. 23:54

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% 확신할 수 없다면

인라인 이벤트를 사용하지 않아야 하며 사용하지 않아야 합니다.

라는 구문이 있었다.

앞으로는 더더욱 인라인 태그를 지양해야겠다