dev-hpk 님의 블로그

안녕하세요! 이번 포스팅에서는 웹 개발에서 정말 자주 쓰이는 JavaScript 마우스 이벤트에 대해 알아볼게요. 우리가 웹 페이지에서 마우스를 클릭하거나 움직일 때, 다양한 이벤트가 발생하는데요, 이 이벤트들을 잘 활용하면 훨씬 더 인터랙티브 한 웹 페이지를 만들 수 있어요. 그럼 이제 하나씩 쉽게 설명해 드릴게요!   JavaScript 마우스 이벤트  javaScript 마우스 이벤트  1. 자주 쓰이는 마우스 이벤트 2. 이벤트 객체 3. 실전 코딩 해보기 4. 마무리추천글  자주 쓰이는 마우스 이벤트clickclick 이벤트는 대상을 클릭했을 때 발생하는 이벤트입니다.document.querySelector('.element').addEventListener('click', function() ..

자바스크립트에서 버블링과 캡처링 개념은 초보 개발자들 이벤트를 이해하는데 어려움을 겪는 주요 원인입니다. 이 글에서는 자바스크립트의 버블링과 캡처링의 개념을 소개하고 추가적으로 이벤트 위임에 대해서 설명드리겠습니다. 버블링 & 캡처링 이벤트 버블링과 캡처링  1. 버블링 2. 캡처링 3. 이벤트 위임추천글 버블링버블링의 원리는 간단합니다. 이벤트가 발생한 요소부터 점점 상위 요소로 거슬러 올라가 window까지 이벤트를 전파하는 것입니다. 거품(Bubble)이 물 아래에서부터 위로 올라가는 것 같다고 해서  버블링이라는 이름이 붙었다고 합니다.  See the Pen Untitled by sumin (@hp2580) on CodePen.">See the Pen Untitled by sumin (..