VPF::Координаты мыши - Форум программистов

MrDmitry

Дата 9.6.2009, 02:38 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 556
Регистрация: 10.11.2006

Репутация: нет
Всего: нет

народ помогите.
как отслеживать координаты мыши в реальном времени?

есть вот такой кот

Код


 <script>
 mX=0;
 mY=0;
  function cl(e){
    e=e||window.event;
    mX = e.clientX;
    mY = e.clientY;
    document.write("\n"+"Позиция x= "+mX+" Позиция y= "+mY);}
  function load(){
  document.body.onmousemove=cl;}
</script>
<body onload="load()">

но он показывает только координаты при первом наведении мыши патом циферки(координаты) не изменяются даже если шивилить мышью ((((
что не так?

Rimch

Дата 9.6.2009, 07:02 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 43
Регистрация: 23.6.2007

Репутация: нет
Всего: 3

ни в коем случае, так делать нельзя!!!

Код


document.write("\n"+"Позиция x= "+mX+" Позиция y= "+mY);}

особенно внутри какой нибудь функции.
В этом случае происходит полная перезапись документа, а не добавление в конец, как это предполагается

Лучше уж так

Код


 <script>
 mX=0;
 mY=0;
$= function(id){return document.getElementById(id);}
  function cl(e){
    e=e||window.event;
    mX = e.clientX;
    mY = e.clientY;
    $("memo").innerHTML="Позиция x= "+mX+" Позиция y= "+mY);}
  function load(){
  document.body.onmousemove=cl;}
</script>
<body onload="load()">
<div id="memo"></div>

MrDmitry

Дата 9.6.2009, 12:10 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 556
Регистрация: 10.11.2006

Репутация: нет
Всего: нет

так тоже не работает (

Rimch

Дата 9.6.2009, 12:30 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 43
Регистрация: 23.6.2007

Репутация: нет
Всего: 3

Упс, скобочку забыл убрать

$("memo").innerHTML="Позиция x= "+mX+" Позиция y= "+mY);}
надо так

Код


<html>
<script>
 mX=0;
 mY=0;
$= function(id){return document.getElementById(id);}
  function cl(e){
    e=e||window.event;
    mX = e.clientX;
    mY = e.clientY;
    $("memo").innerHTML="Позиция x= "+mX+" Позиция y= "+mY;}
  function load(){
  document.body.onmousemove=cl;}
</script>
<body onload="load()" style="width:100%;height:100%;padding:0px;margin:0px;">
<div id="memo"></div>
</body>
</html>

Проверял в огнилисе работает

Это сообщение отредактировал(а) Rimch - 9.6.2009, 12:35

MrDmitry

Дата 9.6.2009, 12:46 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 556
Регистрация: 10.11.2006

Репутация: нет
Всего: нет

вот спс. все гуд

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »