[JS] 마우스 이벤트, 마우스 좌표값

onmouseover: 해당 객체의 영역위에 커서가 진입하는 순간 발생
onmouseout: 해당 영역에서 커서가 빠져나가는 순간 발생
onmousedown: 해당 객체의 영역에서 마우스 버튼이 눌려지는 순간 발생
onmouseup: 해당 객체의 영역에서 마우스 버튼이 떼는 순간 발생
onmousemove: 해당 객체의 영역에서 커서가 움직이는 순간 발생

마우스 좌표값 지정 법

document.addEventListener("mousemove",(e)=>{

    const mouseX = e.clientX;
    const mouseY = e.clientY;
    }
    )

이런식으로 하고 mouseX나 mouseY를 필요할 때 쓰면 된다.