이 기사에서는 JavaScript에 의해 현재 마우스 좌표를 얻는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
JavaScript가 현재 마우스 좌표를 얻으려면 다른 브라우저의 좌표 위치를 이해해야합니다. 특정 코드는 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<title> javaScript는 현재 마우스 좌표를 가져옵니다 </title>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" />
<script type = "text/javaScript">
함수 Mouseposition (ev) {
if (ev.pagex || ev.pagey) {// firefox, chrome 및 기타 브라우저
반환 {x : ev.pagex, y : ev.pagey};
}
{// 즉, 브라우저를 반환합니다
X : ev.clientx + document.body.scrollleft- document.body.clientleft,
y : ev.clienty + document.body.scrolltop- document.body.clientTop
};
}
함수 MouseMove (EV) {
EV = EV || Window.event;
var mousepos = mouseposition (ev);
document.getElementById ( 'x'). innerHtml = mousepos.x;
document.getElementById ( 'y'). innerHtml = mousepos.y;
}
문서 .OnMousEmove = MousEmove;
</스크립트>
<스타일 유형 = "텍스트/CSS">
H3 {색상 : 파란색;}
p {line-height : 30px; 높이 : 30px; font-size : 14px; 너비 : 500px;}
Span {색상 : 오렌지; 글꼴 중량 : BOLD;}
</스타일>
</head>
<body>
<H3> 마우스가 추적되었습니다 </h3>
<p> x- 축 좌표 : <span id = "x"> </span> </p>
<p> y-axis 좌표 : <span id = "y"> </span> </p>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.