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

MrDmitry

Дата 27.7.2009, 00:28 (ссылка)

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

Загрузка ...

Опытный

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

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

Как узнать координаты мыши после нажатия начиная с 0?
Есть код

Код



<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>

он показывает координаты мыши на странице
а как его модифицировать чтоб при нажатии мыши допустим в позиции 230, 70
координаты сбрасывались в 0
И если я веду мышкой с зашатой кнопкой по оси x то она увеличивалась с 0 а не с той позиции которой я нажал. Аналогично с Y

EmilRegis

Дата 27.7.2009, 06:24 (ссылка)

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

Загрузка ...

Опытный

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

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

ну запоминай координаты при omousedown, а при onmousemove mX = e.clientX - mx0; mY = e.clientY - my0;

MrDmitry

Дата 27.7.2009, 15:25 (ссылка)

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

Загрузка ...

Опытный

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

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

Цитата(EmilRegis @ 27.7.2009, 06:24)

ну запоминай координаты при omousedown, а при onmousemove mX = e.clientX - mx0; mY = e.clientY - my0;

А можно пример? (

EmilRegis

Дата 28.7.2009, 05:48 (ссылка)

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

Загрузка ...

Опытный

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

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

Код


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

как то так видимо...а вообще ничего тут сложного,сами могли бы догадаться)

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