Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Пытаюсь получить координаты мыши таймером

Автор: InfMag 24.12.2007, 18:37

Что тут может быть не так?

Код


var mouseX = 0;
var mouseY = 0;
var mouseXs = 0;
var mouseYs = 0;

function update_mouse_coordinates()
{
    mouseX = event.clientX;
    mouseY = event.clientY;
    mouseXs = mouseX + document.body.scrollLeft;
    mouseYs = mouseY + document.body.scrollTop;
    setTimeout("update_mouse_coordinates()", 1);
}

update_mouse_coordinates();

Все ведь правильно, а IE пишет ошибку и координаты не отдает.

Автор: ksnk 24.12.2007, 18:49

Дык! Объекта event'то нету. он возникает только для "событий". Если хочется получить координаты мышки - в любой момент - нужно честно ставить обработчик события onmousemove и честно читать координаты из его event'а...

Автор: InfMag 24.12.2007, 19:25

ksnk, понял, изменил, заработало, но только на осле.

Код


<html>
<head>
<title>test...</title>
<script type="text/javascript" language="javascript">
var mouseX = 0;
var mouseY = 0;
var mouseXs = 0;
var mouseYs = 0;

function update_mouse_coordinates()
{
    mouseX = event.clientX;
    mouseY = event.clientY;
    mouseXs = mouseX + document.body.scrollLeft;
    mouseYs = mouseY + document.body.scrollTop;
}
</script>
</head>
<body onmousemove="javascript:update_mouse_coordinates();">
<script type="text/javascript" language="javascript">
function t()
{
   document.write(mouseXs+" "+mouseYs+"<br>");
   setTimeout("t()", 1000);
}
t();
</script>
</body>
</html>

В IE все в порядке, координаты отдаются, а вот FireFox отдает мне 0 на Х и на У... В чем проблема?

Автор: Ghirik 24.12.2007, 20:01

FF не понимает document.body, кроссбраузерно можно юзать:

Код


document.documentElement.scrollLeft
document.documentElement.scrollTop

но при этом следует указать доктип, например так:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">

И присвоение нового положения элементу следует делать так:
element.offsetTop = mouseYs + "px";

Добавлено через 3 минуты и 2 секунды
Ещё, обычно нет необходимости считывать координаты по таймеру, достаточно обрабатывать событие mousemove, но я, конечно, не знаю вашу задачу...

Автор: ksnk 24.12.2007, 20:16

Вообще-то да, однако, нужно еще и изменить код примерно так:

Код


var mouseX = 0;
var mouseY = 0;
var mouseXs = 0;
var mouseYs = 0;

function update_mouse_coordinates(e)
{
    e=e||window.event;
    mouseX = e.clientX;
    mouseY = e.clientY;
    mouseXs = mouseX + document.documentElement.scrollLeft;
    mouseYs = mouseY + document.documentElement.scrollTop;
}
function load(){
  document.body.onmousemove=update_mouse_coordinates;
}
</script>
</head>
<body onload="load()">
...

Автор: SelenIT 24.12.2007, 20:30

Цитата(Ghirik @ 24.12.2007, 20:01

)

FF не понимает document.body

Не надо клеветать на мою любимую лису smile

. В Quirks mode более-менее кроссбраузерно работает как раз document.body. Чуть более полная картина http://www.quirksmode.org/viewport/compatibility.html.

Цитата(Ghirik @ 24.12.2007, 20:01

)

обычно нет необходимости считывать координаты по таймеру, достаточно обрабатывать событие mousemove

А вот тут полностью согласен.

InfMag, и еще, в дополнение к правильному коду ksnkа: чего Вы ждете от document.write() после загрузки страницы? smile

Автор: Ghirik 24.12.2007, 20:41

Да ладно... smile

Кому что нравится, если я пишу код в FrontPage, то понятно IE самый лучший. А вообще, у меня они по очереди попадают в немилость, smile

IE бывает таким г...м!..

А для чего делают такую проверку?

Код


if (document.documentElement && document.documentElement.scrollTop)

вроде ведь достаточно проверить одно....

Автор: SelenIT 24.12.2007, 21:05

Было бы достаточно проверить второе, если бы не ненулевая (на момент написания той статьи) вероятность нарваться на IE5 или что-нибудь подобное, в принципе не знакомое с documentElement. Сейчас эта вероятность куда меньше, но имхо если оставить одну проверку - надо бы обернуть ее в try ... catch (на всякий пожарный)...

Автор: InfMag 25.12.2007, 15:23

А как можно получить данные сроллинга еще без строгого доктайпа? А то если я ставлю доктайп весь сайт перекособошивает в хлам.

Автор: Ghirik 25.12.2007, 16:19

Тогда нужно для уаждого браузера свой подход иметь, http://tigir.com/javascript.htm но сервер пока закрыт, зайдите позже. Вообще, здесь на форуме наверняка есть, поищите....

Автор: SelenIT 25.12.2007, 16:37

Цитата(InfMag @ 25.12.2007, 15:23

)

как можно получить данные сроллинга еще без строгого доктайпа?

И чего это я такой добрый - мою http://www.quirksmode.org/viewport/compatibility.html демонстративно проигнорировали, а я все равно ее цитирую... smile

Код


var x,y;
if (self.pageYOffset) // all except Explorer
{
    x = self.pageXOffset;
    y = self.pageYOffset;
}
else if (document.documentElement && document.documentElement.scrollTop)
    // Explorer 6 Strict
{
    x = document.documentElement.scrollLeft;
    y = document.documentElement.scrollTop;
}
else if (document.body) // all other Explorers
{
    x = document.body.scrollLeft;
    y = document.body.scrollTop;
}

Автор: InfMag 25.12.2007, 16:59

SelenIT, большое спасибо! smile

Именно то, что мне нужно! +1