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

코드 복사 코드는 다음과 같습니다.

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;

var scrollTop = document.documentElement.scrollTop || scrollTop; 이 두 문장은 마우스 좌표를 얻을 수 있으면 앞으로 이동하고, 그렇지 않으면 "||" 이후의 방법을 사용합니다. WebKit 커널을 사용하는 브라우저.