Как получить координаты мыши на JavaScript

2010-07-26


Информация об координатах указателя мыши хранится в таких свойствах события:

  • clientX, clientY — содержат координаты указателя мыши относительно начала координат страницы (без учёта прокрученной(проскроленной) области);
  • pageX, pageY — содержат координаты указателя мыши относительно начала координат страницы (c учётом прокрученной(проскроленной) области);
  • screenX, screenY — содержат координаты указателя мыши относительно начала координат экрана.

Примет использования:

document.onclick = function(event) {
// Ловим событие для Interner Explorer
var event = event || window.event;
alert("clientX = " + event.clientX);
alert("screenX = " + event.screenX);
alert("pageX = " + event.pageX);
}

Примечание:
Свойства pageX, pageY не работает в Internet Explorer, но его значение можно получить таким образом:


// For IE
myPageX = window.event.clientX+document.body.scrollLeft;
myPageY = window.event.clientY+document.body.scrollTop;



Один комментарий на «Как получить координаты мыши на JavaScript»

Добавить комментарий