슬기로운생활/Web/Servlet

마우스 클릭부분 좌표 받아오기

좀모씨 2014. 10. 29. 18:16

출처 : http://angeleyes.tistory.com/201


-- div 안이 아닌 전체에서 구하려면 currentObj의 offset을 빼면 된다.


<script language="JavaScript">

<!--


function getMousePosition(evt, currentObj){

var x, y;


if(evt.pageX){

x = evt.pageX - currentObj.offsetLeft;

y = evt.pageY - currentObj.offsetTop;

}

else if (evt.clientX){

x = evt.clientX + document.body.scrollLeft - document.body.clientLeft - currentObj.offsetLeft;

y = evt.clientY + document.body.scrollTop - document.body.clientTop - currentObj.offsetTop;

}


if(document.body.parentElement && document.body.parentElement.clientLeft){

var b = document.body.parentElement;

x += b.scrollLeft - b.clientLeft;

y += b.scrollTop - b.clientTop;

}


alert(x + ',' + y);


return [x,y];

}

// --> 

</script>


<div onclick="getMousePosition(event, this)" style="border:solid 1px black;">

your protected content

<br>

Click here..

</div>