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

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

Форум программистов > JavaScript: для новичков > двигаем тег за курсором мыши

Автор: hatalsky 12.8.2010, 12:00

есть код

Код



<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

Вместо

Цитата(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

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