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

hatalsky

Дата 12.8.2010, 12:00 (ссылка)

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

Загрузка ...

Новичок

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

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

есть код

Код



<html> 
<head> 
</head> 
<script> 
//<!--
    window.onmove = function() {    
        var work = document.getElementById("work");
        work.style.left = event.clientX;
        work.style.top = event.clientY;
    };
//-->
</script> 
<style> 
#work {
    background: #ff0000;
    position: absolute;
    left: 0;
    top: 0;
    width: 50;
    height: 20;
}
</style> 
<body id='body'> 
        <p id='work'>cursor</p> 
</body> 
</html>

должен тег <p> двигать за курсором мыши.
ошибок вроде нет(сам не вижу, дебагеры тоже молчат)
судя по куче мануалов по javascript тоже всё правильно написано.
но не работает ни в опере, ни в хроме, ни в ие. в файрфоксе не проверял, нет возможности
может кто нить видит проблему

Amphiluke

Дата 12.8.2010, 12:32 (ссылка)

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

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

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

Вместо

Цитата(hatalsky @ 12.8.2010, 16:00

)

    window.onmove = function() {
        var work = document.getElementById("work");
        work.style.left = event.clientX;
        work.style.top = event.clientY;
    };

надо

Код


    document.onmousemove = function(e) {    
        if (!e) e = event;
        var work = document.getElementById("work");
        if (work == null) return true;
        work.style.left = e.clientX + "px";
        work.style.top = e.clientY + "px";
    };

hatalsky

Дата 12.8.2010, 16:26 (ссылка)

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

Загрузка ...

Новичок

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

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

хм, выходит вся проблема в onmove - onmousemove. впредь постараюсь быть повнимательнее
спасибо большое.

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