마우스 좌표
<html>
<head>
</head>
<body>
X축 좌표값 : <input type="text" name="Mousex" value="0"><br>
Y축 좌표값 : <input type="text" name="Mousey" value="0">
<script language="javascript">
var mx = document.getElementById('Mousex');
var my = document.getElementById('Mousey');
var tempX = 0;
var tempY = 0;
function TEST(e){
var browser = navigator.appName
if(browser=="Microsoft Internet Explorer")
{ //브라우저가 IE일때 돌아간다. 크롬에서 써도 잘 된다.
//alert("현재 좌표는 " + event.x + "/" + event.y)
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
if(tempX < 0)
tempX = 0;
if(tempY < 0)
tempY = 0;
mx.value = tempX;
my.value = tempY;
}
else
{ //그외(파이어폭스)일 때 돌아간다.
//alert("현재 좌표는 " + e.clientX + "/" + e.clientY)
tempX = e.ClientX + document.body.scrollLeft;
tempY = e.ClientY + document.body.scrollTop;
if(tempX < 0)
tempX = 0;
if(tempY < 0)
tempY = 0;
mx.value = tempX;
my.value = tempY;
}
}
document.onmousemove = TEST;
</script>
</body>
</html>
/////////////////////현재 페이지의 좌표 알아내기////////////////////////////////////////////////////////////////////
우선 질문이 조금 이해 하기 어렵네요
커서가 일정 좌표에 가면 onMouseMove 이벤트로 다른 사이트로 넘긴다?
어차피 넘길꺼면 onMouseOver 로 하시면 되는데요.....그리고 접속자들이 그곳에 마우스를
유도하게 하는 어떤한 이미지나 글이 없나요?
꼭 현재 페이지에 좌표를 알아야 한다면
<html>
<head>
<title>좌표</title>
</head>
<body>
X축 좌표값 : <input type="text" name="Mousex" value="0"><br>
Y축 좌표값 : <input type="text" name="Mousey" value="0">
<script type="text/javascript">
<!--예제
var mx = document.getElementById('Mousex');
var my = document.getElementById('Mousey');
var tempX = 0;
var tempY = 0;
function getMouseXY() {
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
if(tempX < 0)
tempX = 0;
if(tempY < 0)
tempY = 0;
mx.value = tempX;
my.value = tempY;
}
document.onmousemove = getMouseXY;
//스크립트 끝-->
</script>
</body>
</html>
/////////////////////현재 페이지의 좌표 알아내기2////////////////////////////////////////////////////////////////////
<HTML>
<HEAD>
<TITLE> 이벤트 객체를 이용해서 커서의 X, Y 좌표값 구하기 </TITLE>
<SCRIPT LANGAUGE="javascript">
<!--
// 커서의 x, y 좌표값을 구하는 함수를 정의합니다.
function ans()
{
if(window.event.button == 1)
{
document.write("마우스 X 좌표 : " + window.event.x + "<br>");
document.write("마우스 Y 좌표 : " + window.event.y + "<br>");
}
}
// 마우스 버튼을 눌렀을 때 함수 ans 를 호출합니다.
document.onmousedown = ans;
//-->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
[출처] [자바스크립트] 이벤트 객체를 이용해서 커서의 X, Y 좌표값 구하기|작성자 히마와리
/////////////////////현재 페이지의 좌표 알아내기2////////////////////////////////////////////////////////////////////
<script language="javascript">
function TEST(e){
var browser = navigator.appName
if(browser=="Microsoft Internet Explorer")
{ //브라우저가 IE일때 돌아간다. 크롬에서 써도 잘 된다.
alert("현재 좌표는 " + event.x + "/" + event.y)
}
else
{ //그외(파이어폭스)일 때 돌아간다.
alert("현재 좌표는 " + e.clientX + "/" + e.clientY)
}
//이거는 그냥 덤으로 현재 브라우저의 가운데 좌표 표시
alert("가운데 좌표는" + screen.width/2 + "/" + screen.height/2 )
}
</script>
IE는 TEST() 라고 호출해서 event.x로 하면 클릭한 위치 좌표를 반환하는데
파폭같은 경우는 TEST(event) 라고 호출하고 나서 e.ClientX로 해야지 반환한다.....(X는 반드시 대문자!!!)
[출처] 파이어폭스와 IE, 그리고 크롬에서 다 돌아가는 마우스 클릭시 좌표 알려주는 자바스크립트|작성자 은마군
/////////////////////현재 페이지의 좌표 알아내기3////////////////////////////////////////////////////////////////////
