마우스 좌표 확인
페이지 정보
작성자
관리자
작성일
2008.02.15 12:06
6,937 조회
본문
<html>
<head>
<title></title>
</head>
<body>
<form name="XY">
X축 좌표값 : <input type="text" name="MouseX" value="0"><br>
Y축 좌표값 : <input type="text" name="MouseY" value="0">
</form>
<script language="JavaScript">
<!--
var IE = document.all ? true: false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getMouseXY; //폼에 XY값
var tempX = 0; //초기 좌표값 0
var tempY = 0; //초기 좌표값 0
function getMouseXY(e) {
if (IE) {
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
else {
tempX = e.pageX;
tempY = e.pageY;
}
if (tempX < 0) {tempX = 0;} //초기값보다 적을때 0
if (tempY < 0) {tempY = 0;} //초기값보다 적을때 0
document.XY.MouseX.value = tempX; //x축으로 움직인 만큼의 x값
document.XY.MouseY.value = tempY; //y축으로 움직인 만큼의 y값
return true;
}
//-->
</script>
</body>
</html>
<head>
<title></title>
</head>
<body>
<form name="XY">
X축 좌표값 : <input type="text" name="MouseX" value="0"><br>
Y축 좌표값 : <input type="text" name="MouseY" value="0">
</form>
<script language="JavaScript">
<!--
var IE = document.all ? true: false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getMouseXY; //폼에 XY값
var tempX = 0; //초기 좌표값 0
var tempY = 0; //초기 좌표값 0
function getMouseXY(e) {
if (IE) {
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
else {
tempX = e.pageX;
tempY = e.pageY;
}
if (tempX < 0) {tempX = 0;} //초기값보다 적을때 0
if (tempY < 0) {tempY = 0;} //초기값보다 적을때 0
document.XY.MouseX.value = tempX; //x축으로 움직인 만큼의 x값
document.XY.MouseY.value = tempY; //y축으로 움직인 만큼의 y값
return true;
}
//-->
</script>
</body>
</html>
댓글 0