[JavaScript] 마우스 커서 위치 알아내기

2014-05-10 00:36:16에 작성됨 | 자바,JS,JSP, 프로그래밍

마우스 좌표 찾아내는 것을 찾으려고 보니, IE에서만 돌아가거나, FF4부터는 지원하지 않는 비표준 메소드 captureEvent를 사용하는 곳이 대부분이었다. 이것은 IE에서도 되고 FF4에서도 작동이 잘 된다.

var IE = document.all ? true : false;

var mX = 0;
var mY = 0;

 

if(!IE) {
document.addEventListener(“mousemove”, getMousePosition, false);
}

function getMousePosition(event) {

mX = event.clientX + document.body.scrollLeft;
mY = event.clientY + document.body.scrollTop;

}

function getMouseX() {
if(IE) {
return (event.clientX + document.body.scrollLeft);
}
else {
return mX;
}
}

function getMouseY() {
if(IE) {
return (event.clientY + document.body.scrollTop);
}
else {
return mY;
}
}

 

사용 예제 :

$(‘#box’).css(‘left’,getMouseX() + ‘px’);

Leave a Reply

Your email address will not be published. Required fields are marked *