Страница 42 из 47
Как узнать координаты мыши (положение курсора мыши) относительно окна документа?
Поводите мышкой по коду функции ниже и смотрите при этом на строку состояния.
IE5+, Mozilla/Gecko, Opera 7+
function mousePageXY(e)
{
var x = 0, y = 0;
if (!e) e = window.event;
if (e.pageX || e.pageY)
{
x = e.pageX;
y = e.pageY;
}
else if (e.clientX || e.clientY)
{
x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
}
return {"x":x, "y":y};
}
Функция возвращает объект со свойствами x, y, определяющими координаты курсора.
if (document.getElementById) { document.getElementById("mouseXYEx").onmousemove = function(e){var mCur = mousePageXY(e); window.status = "X:"+mCur.x+" - Y:"+mCur.y;}; document.getElementById("mouseXYEx").onmouseout = function(){window.status='';}; }Пример использования:
document.onmousemove = function(e){var mCur = mousePageXY(e); window.status = "X:"+mCur.x+" - Y:"+mCur.y;};