자바스크립트 이벤트 객체란 무엇인가?

이벤트란 무엇인가?

이벤트란 웹페이지에서 사용자가 브라우저와 상호작용할 때 발생하는 모든 것을 의미합니다. 예를 들어, 버튼 클릭, 마우스 이동, 클릭, 키보드 입력 등이 전부 이벤트입니다.

이벤트 객체?

이벤트 객체란 이벤트가 발생할 때 생성되는 객체입니다. 이 객체를 사용하여 이벤트에 대한 자세한 정보를 얻을 수 있습니다. 이벤트 객체는 이벤트에 대한 세부 정보인 이벤트 유형, 발생 위치, 그리고 브라우저 창 크기를 얻는 데 사용할 수 있습니다.

이벤트 핸들러 함수에서 이벤트 객체를 인수로 넘겨 받을 수 있습니다. 아래 예시 코드를 통해 자세히 알아보겠습니다.

const button = document.querySelector('button');
button.addEventListener('click', function(event) {
  console.log(event.type); // "click"
  console.log(event.clientX); // 마우스 클릭 위치의 가로 좌표
  console.log(event.clientY); // 마우스 클릭 위치의 세로 좌표
})

위 코드에서 `addEventListener()` 메소드를 사용하여 버튼 클릭 시 실행될 함수를 등록합니다. 이벤트로부터 발생된 정보를 담은 이벤트 객체는 함수의 첫 번째 인수 `event`로 전달되며, 함수 내에서 이벤트 객체의 다양한 속성을 사용할 수 있습니다.

결론

자바스크립트 이벤트 객체는 웹페이지에서 발생하는 이벤트의 세부 정보를 담고 있는 객체입니다. 이벤트 핸들러 함수에서 이벤트 객체를 받아와 사용함으로써, 발생한 이벤트에 대한 자세한 정보를 얻을 수 있습니다.

키워드: 자바스크립트, 이벤트, 이벤트 객체