Por que isto não está funcionando ? empurrando uma caixa usando o ponteiro do mouse

Question

Jul 21, 2012, 08:09 PM

Por que isto não está funcionando ? empurrando uma caixa usando o ponteiro do mouse

Eu sou um iniciante em JavaScript e tentando fazer um script simples que empurra uma caixa usando o ponteiro do mouse. Mas infelizmente não está funcionando por algum motivo, espero que vocês possam me ajudar.

(este script é realmente primitivo, apenas empurra a caixa da esquerda até agora).

index.html:

<html>
<head>
    <title>Chase the box</title>
    <style>
        body {
        }

        .css-box{
            width : 100px;
            height : 100px;
            margin : auto;
            background-color : blue;
        }

    </style>
</head>

<body>
    <div id="box" class="css-box"></div>
    <script type="text/javascript" src="script.js"></script>
</body>

script.js:

var box = document.getElementById("box");

var pushBox = function(e){
    if(e.pageX == box.offsetLeft){
        box.style.left = box.style.left + 1 + "px";
    }
};

document.addEventListener("mousemove" , pushBox);