[자바스크립트]돔 이벤트에 콜백함수를 지정할 경우 매개변수는?

document.addEventListner('mousemove', function(e){
let mouseLocated = e.clientX;
console.log(mouseLocated)
})

 ㄱ위 이벤트는 마우스가 움직일때마다 마우스의 X좌표값을 mouseLocated 에 저장하고

콘솔로그로 그 값을 확인 할 수 있는 이벤트이다.

 

여기서 너무 궁금했던게, 보통 function하고 뒤에 매개변수를 주면

함수를 호출할때 알규먼트로 대입을해서 사용했는데(아래와같이)

 

function sum(a,b){
console.log(a + b)
}
sum(3, 2) // 5

 이게 이벤트로 들어가면 파라미터 자리에 e가 무슨 역할을 하는지 당최 모르겠는거였다.

따로 알규먼트를 안줬는데 저게 실행되니까..

 

그래서 생활코딩 그룹에 여쭤보니 친절하신 분께서 답변을 주셨는데,

 

"돔 이벤트 핸들러로 콜백함수를 지정하면, 콜백함수 매개변수로

이벤트객체가 인자로 전달됩니다. clientX는 전달된 객체의 한 속성일 뿐이며···."

 

아아아아,,, 속이 시원해....