>웹 프론트엔드 >JS 튜토리얼 >마우스 좌표_javascript 기술을 얻기 위한 JS 인스턴스 메소드

마우스 좌표_javascript 기술을 얻기 위한 JS 인스턴스 메소드

WBOY
WBOY원래의
2016-05-16 17:28:301238검색
코드 복사 코드는 다음과 같습니다.

var strictX; var Tip;
// 마우스 좌표
function mousePosition(ev) {
return {
x : ev.clientX document.documentElement.scrollLeft - document.documentElement.clientLeft,
y : ev .clientY document .documentElement.scrollTop - document.documentElement.clientTop
};
}
// 마우스 이벤트
function mouseMove(ev) {
ev = ev ||
var mousePos = mousePosition(ev);
제한X = mousePos.x;
제한Y = mousePos.y;
document.onmousemove
document.onclick = mouseMove ;


Google 및 Sohu 브라우저에서 위 코드로 얻은 값은 부정확하므로 다음과 같이 수정해야 합니다.


코드 복사 코드는 다음과 같습니다. var 제한X; var 제한Y;// 마우스 좌표
function mousePosition(ev){
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; {
x:ev.clientX scrollLeft - document.documentElement.clientLeft,
y:ev.clientY scrollTop - document.documentElement.clientTop
}
// 마우스 이벤트
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mousePosition(ev);
strictX = mousePos.x; >}
document.onmousemove = mouseMove;
document.onclick = mouseMove;






코드 복사


코드는 다음과 같습니다.

var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.