이벤트 함수에서 임의의 인자 e의 역할에 대해 궁금증이 생겨서 문의드립니다!

질문 주신 함수내에서 e.clientX 를 사용하지 않으면 e 가 없어도 에러가 나지 않습니다.

없는 e를 찾아서 에러가 난겁니다.

예를 들어 아래처럼 클릭 체크 용도라면 e 가 없어도 됩니다.

const button = document.querySelector("button");

button.addEventListener("click", function(){

alert("클릭")

});

테스트 해보세요.

const button = document.querySelector("button");

button.addEventListener("click", mouseEvent);

button.addEventListener("mouseover", mouseEvent);

button.addEventListener("mouseout", mouseEvent);

function mouseEvent(e){

    console.log(e.type)

}

console.log(e) 를 찍어서 보시면 공부가 많이 되실겁니다.

위 처럼 하나의 함수에 type으로 분기처리해서 각각 처리하기도 합니다.