mouse_javascript 스킬의 좌표 값을 가져오는 js 메소드

코드 복사 코드는 다음과 같습니다.

var x , y;

//신체를 기준으로 한 좌표 값을 구해야 하는 경우 다음을 사용하세요.

함수 positionBody(이벤트){

이벤트 = 이벤트||window.event

//몸체를 기준으로 수평 값을 가져옵니다.

x=event.clientX

//몸체를 기준으로 수직 스케일 값을 가져옵니다.

y=event.clientY

}

//객체에 대한 좌표 값을 구해야 하는 경우 다음을 사용하세요.

함수 positionObj(event,id){

//페이지를 기준으로 개체의 가로 좌표 값을 가져옵니다. id는 개체의 ID입니다.

var thisX = document.getElementById(id).offsetLeft;

//페이지를 기준으로 개체의 가로 좌표 값을 가져옵니다.

var thisY = document.getElementById(id).offsetTop;

//페이지 스크롤 거리를 가져옵니다.

//참고: document.documentElement.scrollTop은 Google 커널이 아닌 것을 지원합니다. document.body.scrollTop은 Google 커널을 지원합니다.

var thisScrollTop = document.documentElement.scrollTop document.body.scrollTop;

이벤트 = 이벤트||window.event

//객체 위치를 기준으로 한 수평 좌표 값 가져오기 = 페이지를 기준으로 한 마우스의 현재 수평 좌표 값 - 객체의 수평 좌표 값

x = event.clientX - thisX;

//객체 위치를 기준으로 한 수직 좌표 값 가져오기 = 현재 페이지를 기준으로 한 마우스의 수직 좌표 값 - 객체의 수직 좌표 값 스크롤 막대의 높이

y = event.clientY - thisY thisScrollTop

}