JavaScript의 마우스 이벤트 위치(clientX, layerX, x, offsetX 등)

JavaScript의 이벤트 객체에는 총 6쌍의 마우스 위치 속성이 있습니다.

참조 지점 브라우저 호환성을 위한 속성

clientX, clientY 브라우저 창 모두

layerX, layerY

가장 가까운 절대 위치 상위 노드, 그렇지 않은 경우 문서 Firefox, Chrome, Safari

offsetX, offsetY 이벤트 대상 개체 소유, Firefox 제외

pageX, pageY 문서 개체 소유, IE 제외

ScreenX, ScreenY 컴퓨터 화면 모두

x,y 사용하지 마세요. IE9 이하 호환성이 좋지 않습니다